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
b1mind
b1mind2y ago
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
Myndi
Myndi2y ago
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 PartyBunny
Pathos316
Pathos3162y ago
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 😅
Myndi
Myndi2y ago
I meant, without seeing the performance difference pepperderp that was the topic.
Pathos316
Pathos3162y ago
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.
Want results from more Discord servers?
Add your server