Hi, i’ve been trying to optimize for the new update (core web vitals) and i found a wall in the process (i use newsmag theme), the CLS its 0.931 and pagespeed shows me the problem is in <div id=”td-outer-wrap”> and select all the page, so, how i can solve this issue?
my web is: https://www.cajadebotin.com
Hi,
The <div id=”td-outer-wrap”> html code is set in more places in theme and theme files, and I think that the problem is until all content from that div is load. Now I can not say that if you’ll remove that code the results can be better, but is possible to affect the theme structure.
Thank you!
Pagespeed tells me this is the problem…. how i can solve this issue? Where? With what code?
Pagespeed tells me this is the problem…. how i can solve this issue? Where? With what code?
Hi Sepjir,
I just checked the website with PageSpeed Insights and now I no longer see that CLS problem, I think that you manage to fix it -> https://i.imgur.com/2gtJZik.png -> https://i.imgur.com/MJSIZEJ.png
Thank you!
Yes, the problem was WP Rocket, the option “Optimize CSS Delivery” who has been making an “animation” to load the mobile version of the theme.
But i have another issue, when i hit the option in WP Rocket “Add mising image dimensions” in the desktop version my logo expands too much, but if uncheck the option gives me 0.402 CLS, how i can solve that?
Hi BlakeForm, we hope that this month we’ll make the update for Newsmag, and in case that this is not possible, then it will be the next month.
Thank you for your understanding!
Hi Sepjir,
The problem with height and width from logo is that the option from WP Rocket is setting the full size on logo, and the header that you are using is use a smaller size. You can use a smaller logo something like this 126x45px (more or less) and the logo should display better with that option from WP Rocket.
Let me know the results!
Thanks for the help, it works!
