Header Layout broken while initial load

[learnmechanical2019]

Hello There,

When I open any pages or posts, then initial time header layout is broken, then it’s load, like this,

I tired using WP-Rocket’s critical CSS generation, but still, any pages loading like this.

Can you help me out how to fix this?

[tristup]

Hi Saswata,

Thanks for reaching out. This is actually happening due to how you have configured the WP Rocket plugin. Specifically, the Lazy Loading CSS settings is forcing the browser to load the text and content first, and then the images. As images are being loaded as part of the header, it appears broken because they are being loaded after other elements.

As this is not a theme issue, but rather, an issue with the configuration of a third party plugin, I would recommend that you refer to their documentation or contact their support .

You can also learn more about lazy loading by reading this article .

Hope this helps.

Thanks