[Support request] How to delay a CSS load? And preload a specific font?

[Leif]

I have one style sheet related to a popup plugin that I have that google flags as render blocking.

How can I delay or make this sheet asynchronous to not be render blocking? There will never be a popup in the 1st few seconds so it is logical that I delay it.

site and CSS ID’d below 🙂

While I’m at it I use the LORA font but I have no idea where to find the URL to point to pre-load the font. LIke the location of the WOFF file.

[Fernando]

Hi Leif,

For the first issue, i would be good to use a Caching/Optimization plugin to combine your render-blocking resources.

For the second issue, it would be good to also use an optimization plugin for this.

If you’re hosting the fonts locally, you may get the link as such: https://docs.generatepress.com/article/adding-local-fonts/#:~:text=Now%20that%20our%20files%20are%20uploaded%2C%20let%E2%80%99s%20grab%20the%20File%20URL%20to%20one%20of%20them.

And then follow the recommendation by David here: https://generatepress.com/forums/topic/local-font-pagespeed-insights/#post-1534803

Hope this clarifies. 🙂

[Author]

Posts