Deferred loading of CSS Google Page Insights

I have a client that is requiring that the site rate 90% on Google Speed Insights. Part of Google’s requirements is the deferred loading of CSS.

Deferring loading of CSS flashes an unstyled page. The client is complaining about this, and in my opinion they are correct. I think it is a worse experience.

Does anyone have any insights on why this is important? Or is there a way to soften the effect?


It appears as though the reduced CSS which is loaded in the header for the above-the-fold content is also repeated in the lazy loaded CSS. Isolating the offending CSS should solve the flickering problem. I tried this Google recommended technique and it was not easy.

How many CSS files are involved?

Have you a page link?

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.