Browser: Chrome 110
OS: Windows
URL: PageSpeed Insights.png - Google Drive
[We are trying to improve our Core Web Vitals. We can’t seem to figure out what this issue means - can anyone bring more light into this?]
1 Like
It’s the same as this. Regular fonts are loaded with a font-display:swap. Icon fonts should be loaded with “block,” but they aren’t loaded with anything.
I use built-in icons only at the testing stage. For a working project, only individual svg icons . This approach gives very good results.
I’m not sure if I understand. All the icons on this page are used as graphic icons, not font icons except maybe the footer where there are social media icons generated by the element. Would these be the issue? Or in other words, where do I add this “font-display:block”
footer where there are social media icons - FontAwesome font
arrow slider - Ionicons fonts
use SVG . You can enable SVG uploads on a user role basis under Bricks > Settings > SVG Uploads
Hi Martin,
If icons or custom web fonts are used, the message is quite “normal” and to be expected.
You can avoid the icon problem by using SVGs instead of icon fonts, as already mentioned.
You can find more information on this topic here:
I’ll move the thread to “how to”, since it is not a bug but more of a general/how to question.