Heroicons vs Font Awesome re: performance
I’m trying to get my webflow website to over 90% mobile performance on pagespeed.dev, and I’m currently at around 86%.
One thought I’ve had is to stop using Font Awesome (which makes a javascript call to load the images) and to use svg images, like Heroicons, instead.
My question is: is this change likely to produce the desired increase in performance?
5 Replies
Best is to import your own SVG sprite imo
https://icones.js.org
This recent thread has some great info https://discord.com/channels/436251713830125568/1112007486262747166
It's also hard to tell what's wrong without seeing it. But you can defer Font Awesome icons, they will load late though.
There's a second option, and that's using Partytown
The icons look fine, it's more a matter of site performance... I had considered posting this in #back-end but I ultimately decided against it since it was about fonts 😅
I meant, without seeing the performance difference that was the topic.
Update: I made the change, and the performance improvement seems to have been kind of negligible. But this should still allow for more icon variations going forward.