Archived topic
Lowering my Cumulative Layout Shift
10 replies · Started by Chris on May 25, 2021
Hello,
Long story short, I'm a new GeneratePress Premium user (over 15 years in WP, however).
I switched to GP for speed, and so far I'm very happy with my initial testing.
The one thing I'd like to drop is my CLS (Cumulative Layout Shift) score in Pagespeed Insights.
It's flagging the two mobile issues in my theme:
<div class="site grid-container container hfeed grid-parent">
AND
<div class="inside-navigation grid-container grid-parent"> (THIS IS DIRECTED AT THE MENU BUTTON)
Any ideas how to "fix" this?
Thanks!
<div id="page" class="site grid-container container hfeed grid-parent">
<div class="inside-navigation grid-container grid-parent">
Sorry, didn't realize the code would go white...
Hi there,
welcome to GP :)
Is it possible to see the site in question as the reasons for CLS can be many.
Hey David,
Here is the URL of the post I'm testing:
https://reviewyourgear-supportclone.mystagingwebsite.com/bottom-bouncer-fishing/
The logo is missing its width and height attributes.
Go to Customizer > General and change the structure to Flexbox. This update in 3.0 auto adds the missing attributes to the logo.
After making that change, remove the logo, and publish the changes, then re-add the logo - just to make sure it regenerates the HTML.
Hey David,
THANKS for the help so far!!!
I just did as you said, and the 2 "errors" remain.
The logo is being loaded from pressableCDN - which may have cached the HTML - can that be re-propegated ?
Done, thanks again.
Looks like that did it :)
Glad to be of help
David, THANK YOU for your help!
You're welcome
