Archived topic
pagespeed insigths : Use the CSS font display feature
9 replies · Started by ROHART on April 5, 2021
Hi,
On Pagespeed insights, I have a recommandation : "Use the CSS font display feature so that the text is visible to the user while web fonts are loading"
This concerns :
../wp-content/themes/generatepress/assets/fonts/generatepress.woff2
../wp-content/plugins/gp-premium/general/icons/gp-premium.ttf
I minify and optimize css loading using WP-Rocket. Is there anything I need to know to change the settings in WP-Rocket or elsewhere?
FYI, I also use Asset CleanUp Pro
Grégory
Hi there,
Try using the SVG option:
https://docs.generatepress.com/article/svg-icons/
Let me know if this helps :)
Hi Leo,
If I choose SVG option, some icons like the one on the home page are no longer displayed.
Gregory
Can you try clearing then disabling your caching plugin first?
If I turn off WP-Rocket, I see the SVG icons but as soon as I turn WP-Rocket back on, I don't see them anymore.
Can you check with WP Rocket's support team to see if there is a setting within their plugin that's blocking the SVG icons?
Hi Leo,
SVGs are not showing now but I have a square in front of the attribute level
::before == $0
See the screenshot.
Any idea to solve this problem?
That shouldn't be there once you've switched from Font to SVG.
Can you disable all of your plugins to test first?
Make sure the server caching is all cleared as well.
Finally, I find a solution with Asset Cleanup Pro while remaining in css font
Glad to hear :)
