Like a previous poster (see here), I’m having a Google Pagespeed loading issue, warning me to:
Ensure text remains visible during webfont load
In the above post, there was a CSS fixed offered, but when I try to import the CSS offered I get these issues:
X “@import not allowed here.”
and
! “Unknown property ‘font-display’.”
Can someone please help?
Hi Punita,
Thanks for reaching out.
Would you mind providing the URL that has this issue? It’s because the texts are displayed upon load as I checked with Pagespeed Insight, that’s about 1-second loading speed. The fonts are also implemented as how Google recommend it, in fact, it uses Google fonts. Though, it’s not specific to which text isn’t displayed at all. Perhaps it’s referring to the loading or speed gap between fall-back font switches to web-font upon rendering and the fix for that is caching the fonts so the browser doesn’t need to re-download it saving loading time. But it should be already cached since fonts are served by Google itself.
With that as the fonts aren’t served by your site, there is no way you can directly control it. I recommend ignoring for that now and focus on other areas needs the optimization. Like, render blocking and minification.
Thanks!
Thanks so much for your response. I’ve used W3 Total for minification but could you help me make sense of what to do about the render issues? The results I got also talk about expires headers and rendering but I’m not sure what to do next.
Hi Punita,
The expire headers is entirely another point. Unfortunately, such detailed speed optimization is outside of our support scope, and it is not related to our theme.
Having said that, I did a Google search, and here is the result which you can use for your research.
If you contact your hosting service provider they will give you better information if you use Apache or nginx and general information about the speed optimization and expire headers.
Thank you.
This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.