- This topic has 17 replies, 2 voices, and was last updated 4 years, 1 month ago by David.
-
AuthorPosts
-
February 18, 2020 at 6:55 pm #1169818Paul
Hi,
I see this error in the developer console:
DevTools failed to parse SourceMap: https://www.trademarkinteriors.com/wp-content/plugins/elementor/assets/lib/swiper/swiper.min.js.map
Thoughts?
February 19, 2020 at 3:08 am #1170088DavidStaffCustomer SupportHi there,
thats a missing .map file in the elementor plugin….. reported here on their GitHub:
https://github.com/elementor/elementor/issues/7082
No conclusive answer to it but see last users comment re: Regenerating CSS and Syncing Libraries fixes it.
February 19, 2020 at 8:09 am #1170558PaulHi David,
I gave it a try, it corrected the error! I was looking around trying to see if something was slowing our pages down, I’m seeing a fully loaded mobile page speed around the 3 second mark, this was better previously – is there anything that stands out to you that I could do (or have done) that could be slowing things down?? Thanks for the insight!
February 19, 2020 at 9:17 am #1170639DavidStaffCustomer SupportHmmm – most of the delay is font related.
The easiest one is the GP icon font. In Customizer > General > Icon Type – switch this to SVG.Then if you kept all your fonts in the customizer you can remove some of the unused variants:
https://docs.generatepress.com/article/google-font-variants/
The original bold site used:
Merriweather 700, 900 and Italics
Montserrat 500, Bold and ItalicSo theres quite a few you can uncheck.
Last one is FontAwesome icons – not much to suggest there apart from finding a replacement icon library….
February 19, 2020 at 10:22 am #1170706PaulOk. So I would go into typography (body, header, ect) and remove the items not being used?
Is FontAwesome not so awesome?
February 19, 2020 at 10:41 am #1170725DavidStaffCustomer SupportYeah you will need to edit the Typography > Body and Typography > Headings variants. Just click the
x
aside each of the ones you’re not using.FA Icons add a large overhead – around 75kb for each font – thats one for Brands, one for Solids etc.. plus the CSS with it – so before you know it 4 or 5 icons cost you 200kb. Whereas the actual SVGs would be around 3kb lol
February 19, 2020 at 11:56 am #1170777PaulWOW! Good to know for sure. Ok, I took care of those items. Fully loaded page speed did drop to just under 3sec. BTW, in retesting I see the source map error is back!
I see this come up in the testing, thoughts?
Consider using
<link rel=preload>
to prioritize fetching resources that are currently requested later in page load. Learn more.
URL
Potential Savings
…webfonts/fa-solid-900.woff2(www.trademarkinteriors.com)
2,250 ms
…webfonts/fa-brands-400.woff2(www.trademarkinteriors.com)
2,250 msFebruary 20, 2020 at 2:48 am #1171226DavidStaffCustomer SupportNo sure about preload on FA icons – may not improve site loading just delay the time for the page to be visible.
Not sure if you’re using Elementor Pro – but i saw that you can upload your own SVGs which may be a better solution then using FA icons:
February 20, 2020 at 6:57 am #1171622PaulOK – would you know a reliable / safe source to download some SVGs?
February 20, 2020 at 7:35 am #1171663DavidStaffCustomer SupportTry:
February 20, 2020 at 9:50 am #1171816PaulThank you! That saved about 200kb!!
How would I go about converting my header logo to an svg and then applying it?
February 20, 2020 at 10:10 am #1171839DavidStaffCustomer SupportYou would need a vector editing application that supports the SVG format. Some choices:
Free app: InkScape – ok for free.
Market Leader: Adobe Illustrator – requires subscription.
Next best thing: Affinity Designer – one off license.All of those support the .svg file format.
Then to import it into WordPress requires this plugin as by default WP doesn’t allow them:
February 20, 2020 at 11:55 am #1171899PaulThanks! I was able to get those done. Final thought, what is your opinion on adding an AMP plugin to close the gap in performance?
February 21, 2020 at 3:58 am #1172399DavidStaffCustomer SupportYou’re welcome.
AMP great for your Blog – not sure about the static pages though – you effectively have to ‘rebuild’ those in the AMP plugin.February 21, 2020 at 6:12 am #1172512PaulWell, my Blog pages score in the 90’s now so I’m not sure I’d go thru the effort to do that.
Is there another way to remove unused CSS https://www.trademarkinteriors.com/wp-content/cache/min/1/9332eaa8c96d7a2eb928768b34716ede.css
-
AuthorPosts
- You must be logged in to reply to this topic.