Skip to main content
Webmasters

Return to Question

added 641 characters in body
Source Link
gvanto
gvanto
  • 123
  • 5

In Google Search Console > Core Web Vitals, I have many 'poor' pages, and the problem GSC is saying is Cumulative Layout Shift CLS.

Doing a page speeds insights (PSI) analysis, shows a very poor (26%) performance for mobile: 0.53

Looking at this helpful post on how to diagnose the problem (see where CLS is occurring), I find the largest layout shift as follows:

Block shifting but what is causing it to shift?

(This block - call it block A - was also shown in the PSI report). In mobile mode, the sidebar on the RHS sits above block A. So I thought that according to this post, the problem was the (adsense) ad causing the shift, so I placed a fixed-size (CSS) div block around the ad, but it seems to not have solved the shifting issue. I've also ensured all images have explicit sizes set (since they're using lazy loading too).

Any help would be greatly appreciated at this stage as it is causing a lot of frustration and impacting SEO performance.

(Edit): As for reducing unused JS, in chrome dev tools > Coverage, FB Connect and Google Adsense have huge amounts of unused JS code:

Unused JS code coverage

Also PageSpeed Insights is showing similar results: PSI unused JS

So goal would be to completely defer the loading of FB connect / twitter / Adsense JS code until page has loaded completely. https://developers.google.com/web/fundamentals/performance/optimizing-content-efficiency/loading-third-party-javascript#how_do_you_load_third-party_script_efficiently

In Google Search Console > Core Web Vitals, I have many 'poor' pages, and the problem GSC is saying is Cumulative Layout Shift CLS.

Doing a page speeds insights (PSI) analysis, shows a very poor (26%) performance for mobile: 0.53

Looking at this helpful post on how to diagnose the problem (see where CLS is occurring), I find the largest layout shift as follows:

Block shifting but what is causing it to shift?

(This block - call it block A - was also shown in the PSI report). In mobile mode, the sidebar on the RHS sits above block A. So I thought that according to this post, the problem was the (adsense) ad causing the shift, so I placed a fixed-size (CSS) div block around the ad, but it seems to not have solved the shifting issue. I've also ensured all images have explicit sizes set (since they're using lazy loading too).

Any help would be greatly appreciated at this stage as it is causing a lot of frustration and impacting SEO performance.

In Google Search Console > Core Web Vitals, I have many 'poor' pages, and the problem GSC is saying is Cumulative Layout Shift CLS.

Doing a page speeds insights (PSI) analysis, shows a very poor (26%) performance for mobile: 0.53

Looking at this helpful post on how to diagnose the problem (see where CLS is occurring), I find the largest layout shift as follows:

Block shifting but what is causing it to shift?

(This block - call it block A - was also shown in the PSI report). In mobile mode, the sidebar on the RHS sits above block A. So I thought that according to this post, the problem was the (adsense) ad causing the shift, so I placed a fixed-size (CSS) div block around the ad, but it seems to not have solved the shifting issue. I've also ensured all images have explicit sizes set (since they're using lazy loading too).

Any help would be greatly appreciated at this stage as it is causing a lot of frustration and impacting SEO performance.

(Edit): As for reducing unused JS, in chrome dev tools > Coverage, FB Connect and Google Adsense have huge amounts of unused JS code:

Unused JS code coverage

Also PageSpeed Insights is showing similar results: PSI unused JS

So goal would be to completely defer the loading of FB connect / twitter / Adsense JS code until page has loaded completely. https://developers.google.com/web/fundamentals/performance/optimizing-content-efficiency/loading-third-party-javascript#how_do_you_load_third-party_script_efficiently

Removed text that might be considered an off-site solicitation for help, which is not permitted on Stack Exchange sites.
Source Link
dan ♦
dan ♦
  • 15.2k
  • 11
  • 45
  • 52

In Google Search Console > Core Web Vitals, I have many 'poor' pages, and the problem GSC is saying is Cumulative Layout Shift CLS.

Doing a page speeds insights (PSI) analysis, shows a very poor (26%) performance for mobile: 0.53

Looking at this helpful post on how to diagnose the problem (see where CLS is occurring), I find the largest layout shift as follows:

Block shifting but what is causing it to shift?

(This block - call it block A - was also shown in the PSI report). In mobile mode, the sidebar on the RHS sits above block A. So I thought that according to this post, the problem was the (adsense) ad causing the shift, so I placed a fixed-size (CSS) div block around the ad, but it seems to not have solved the shifting issue. I've also ensured all images have explicit sizes set (since they're using lazy loading too).

Any help would be greatly appreciated (am willing to get freelance/consulting/paid) help at this stage as it is causing a lot of frustration and impacting SEO performance.

In Google Search Console > Core Web Vitals, I have many 'poor' pages, and the problem GSC is saying is Cumulative Layout Shift CLS.

Doing a page speeds insights (PSI) analysis, shows a very poor (26%) performance for mobile: 0.53

Looking at this helpful post on how to diagnose the problem (see where CLS is occurring), I find the largest layout shift as follows:

Block shifting but what is causing it to shift?

(This block - call it block A - was also shown in the PSI report). In mobile mode, the sidebar on the RHS sits above block A. So I thought that according to this post, the problem was the (adsense) ad causing the shift, so I placed a fixed-size (CSS) div block around the ad, but it seems to not have solved the shifting issue. I've also ensured all images have explicit sizes set (since they're using lazy loading too).

Any help would be greatly appreciated (am willing to get freelance/consulting/paid) help at this stage as it is causing a lot of frustration and impacting SEO performance.

In Google Search Console > Core Web Vitals, I have many 'poor' pages, and the problem GSC is saying is Cumulative Layout Shift CLS.

Doing a page speeds insights (PSI) analysis, shows a very poor (26%) performance for mobile: 0.53

Looking at this helpful post on how to diagnose the problem (see where CLS is occurring), I find the largest layout shift as follows:

Block shifting but what is causing it to shift?

(This block - call it block A - was also shown in the PSI report). In mobile mode, the sidebar on the RHS sits above block A. So I thought that according to this post, the problem was the (adsense) ad causing the shift, so I placed a fixed-size (CSS) div block around the ad, but it seems to not have solved the shifting issue. I've also ensured all images have explicit sizes set (since they're using lazy loading too).

Any help would be greatly appreciated at this stage as it is causing a lot of frustration and impacting SEO performance.

Source Link
gvanto
gvanto
  • 123
  • 5

Cumulative Layout Shift (CLS) Issue: How to find the cause?

In Google Search Console > Core Web Vitals, I have many 'poor' pages, and the problem GSC is saying is Cumulative Layout Shift CLS.

Doing a page speeds insights (PSI) analysis, shows a very poor (26%) performance for mobile: 0.53

Looking at this helpful post on how to diagnose the problem (see where CLS is occurring), I find the largest layout shift as follows:

Block shifting but what is causing it to shift?

(This block - call it block A - was also shown in the PSI report). In mobile mode, the sidebar on the RHS sits above block A. So I thought that according to this post, the problem was the (adsense) ad causing the shift, so I placed a fixed-size (CSS) div block around the ad, but it seems to not have solved the shifting issue. I've also ensured all images have explicit sizes set (since they're using lazy loading too).

Any help would be greatly appreciated (am willing to get freelance/consulting/paid) help at this stage as it is causing a lot of frustration and impacting SEO performance.