XF 2.1 Google Core Web Vitals: CLS Issue

[tonmo]

Search Console seems to have a new report; Core Web Vitals. My report shows many pages have a CLS issue.



Reference:

Cumulative Layout Shift (CLS)

Any suggestions to improve layout using the transform CSS property?

 

[tonmo]

Any suggestions to improve layout using the transform CSS property?

...or some other method?

 

[sandokloud]

i also have a issue on Cumulative Layout Shift (CLS) , please help

 

[darkeye]

Need help, too

 

[kappadox]

Need help, too

 

[cayne]

Lot of people having issues, but no solution so far?
Obviously I have the same issue, but with version 1.5

 

[Paul B]

The current release of 2.2 should have addressed this.

Naturally there aren't going to be any updates for 1.5, or even 2.1.

You will have to upgrade to 2.2 or modify your set up yourself.

 

[cayne]

Ok, thanks for the update!

 

[Mike]

FWIW, I wouldn't say that 2.2 fully addresses CLS issues, but we have attempted to resolve them where viable. It's not really possible for us to prevent it with embedded content (images or other external content) that doesn't have known dimensions beforehand.

 

[dash]

I am on 2.2 and it has no impact on this issue at all. See my screenshots below. All the issues are related to Xenforo pages.
Mobile Issues:


Desktop Issues:

 

[darkeye]

I am on 2.2 and it has no impact on this issue at all. See my screenshots below. All the issues are related to Xenforo pages.
Mobile Issues:

Same here, after updating to 2.2 exactly same problem. No changes in templates.

 

[JoyFreak]

Yeah, I have the same issue too, most of which is related to the core code, which I don't want touching.

 

[darkeye]

Yeah, I have the same issue too, most of which is related to the core code, which I don't want touching.

Which Addons do you have installed?

 

[JoyFreak]

Which Addons do you have installed?

Too many to list.

 

[darkeye]

Copy and paste it

 

[Recep Baltaş]

This will probably be an issue by March 2021. The focus should be mobile and speed IMO.

SEO in 2021: The Definitive Guide

This is a complete guide to search engine optimization in 2021. Learn about SEO trends like voice search, video, search intent, new on-page SEO techniques, and more.

backlinko.com

 

[bevans84]

Moving an ad from Forum Overview: Top to an html widget in the sidebar got my cls from .1 to .07
The ad was 115 x 70 pixels.

FWIW: I still have a 350 x 55 pixel ad in the Container header ad position, and turning that ad off gives me a cls of 0 in Lighthouse, but .07 is enough to give me green for mobile in Google search console.

Using open source Revive Adserver, and serving my own ads.

 

[briansol]

best way to stop CLS is to set height on wrapper divs around ad code.

<div style="height: 55px"><ad code></div>

This is hard with responsive ad sizing sometimes though, so it may be best to set a class on the div and use media queries to adjust the height based on device width.

 

[dash]

Any plans to fix this? As mobile speed becomes more important on ranking, a 55 score is not acceptable. This really should be priority for Xenforo.

 

[MrFrancis]

Is there anything new since the last messages? This interests me a lot!