- This topic has 17 replies, 2 voices, and was last updated 8 months, 1 week ago by David.
February 18, 2020 at 6:55 pm #1169818Paul
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 Support
thats a missing .map file in the elementor plugin….. reported here on their GitHub:
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 #1170558Paul
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 Support
Hmmm – 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:
The original bold site used:
Merriweather 700, 900 and Italics
Montserrat 500, Bold and Italic
So 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 #1170706Paul
Ok. 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 Support
Yeah you will need to edit the Typography > Body and Typography > Headings variants. Just click the
xaside 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 lolFebruary 19, 2020 at 11:56 am #1170777Paul
WOW! 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?
<link rel=preload>to prioritize fetching resources that are currently requested later in page load. Learn more.
2,250 msFebruary 20, 2020 at 2:48 am #1171226DavidStaffCustomer Support
No 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 #1171622Paul
OK – would you know a reliable / safe source to download some SVGs?February 20, 2020 at 7:35 am #1171663DavidStaffCustomer SupportFebruary 20, 2020 at 9:50 am #1171816Paul
Thank 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 Support
You 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 #1171899Paul
Thanks! 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 SupportFebruary 21, 2020 at 6:12 am #1172512Paul
Well, 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
- You must be logged in to reply to this topic.