Archived topic
‘ensure text remains visible - Google page insights
5 replies · Started by Sukalery on July 18, 2021
Hello, When I run google page insights There's a recommendation:
"ensure text remains visible during Webfont load"
I have a local font installed and a font family fallback through the system stack in the customizer.
I've tried adding font-display: swap; to Child theme @font-face CSS
As David replay here:
https://generatepress.com/forums/topic/local-font-google-page-speeds/#post-1721817
but with no success, the error still appears in google page insights.
could you check the issue?
Thank you.
Hi there,
did you edit the @font-face CSS for the Tajawal font ? As i cannot see the font-display property.
If you did then try clearing your plugin cache.
As a note - you may find doing this will cause the text to reflow that results in CLS. Which could have a worse impact on your PSI score then fixing that Diagnostic warning.
Hi David, Yes I edited @font-face CSS as you can see from the screenshot attached.
As for the note, is there a better or (less impact) alternative?
Thank you.
Looks like that worked - i can see it adding the font-display property. And i tested the site and it has removed the Diagnostic 'warning' and no CLS being generated by it either - looks like you're all good to go!
it looks like it was a cache problem.
Thank you David.
Glad to be of help
