Site logo

Archived topic

CLS is High Due to A Code Showing

2 replies · Started by Bijaya on June 2, 2021

Viewing posts 1–3 of 3

Hi David,

My website shows the following error when checked on a core web vitals (via Ezoic). It says these are the elements that cause the most CLS.

Check on this page - https://www.1hindi.com/shiv-khera-biography-quotes-books-in-hindi/

I am not sure why this is caused. Is it something that has to do with the theme?

Please tell me how to solve this and fix it.

Thanks

<div id="page" class="site grid-container container hfeed grid-parent">

Hi there,

the only thing in the theme that can cause CLS is the when Navigation as Header is used.
Tom provides a snippet here to fix that:

https://generatepress.com/forums/topic/logo-does-not-have-explicit-width-and-height/#post-1762272

You should add the code anyway - However that is not the issue here...

If you check the PSI report:

https://developers.google.com/speed/pagespeed/insights/?url=https%3A%2F%2Fwww.1hindi.com%2Fshiv-khera-biography-quotes-books-in-hindi%2F&tab=desktop

Not really an issue on the Mobile Lab Data - but on Desktop you can see ( in the film strip ) content is being first without styles. This will be due to optimization on the site - you should check with Ezoic on this matter.

This archived topic is closed to new replies.