Implemented Fix Web Vitals (CLS, LCP, TTI) to improve SEO and performance.

[Alpha1]

Google believes that the Core Web Vitals are critical to all web experiences.

Please see this report:

Lighthouse Report

You can run this for yourself here: https://web.dev/measure/
I used this xenforo URL to test: https://xenforo.com/community/media/20200103_190503-jpg.2903/

Google has added Web Vitals as signals to their search console. A lot of webmasters seem to have a lot of poor or bad ranking pages for the following web vitals metrics:
Largest Contentful Paint
Cumulative Layout Shift
More information on these metrics here: https://web.dev/vitals/

This often concerns threads and media.
Time to interactive and speed index also seem to be an issue.
Please look into this to improve our site performances.

Everyone can look up your Google Search Console Report here: https://search.google.com/search-console/core-web-vitals/summary

 

[Anatoliy]

Cumulative Layout Shift (CLS) appears to be a big issue in XF 2.2 for Mobile devices, considerably dragging down web vitals scoring ...

 

[eva2000]

URLs went from Poor to Good, makes no sense to me.

Read difference between lab/synthetic and field/live page speed metrics tracked by different tests and GSC https://community.centminmod.com/th...ghts-and-google-core-web-vital-metrics.20735/

 

[briansol]

if you're running ads, start there. fix-height your ad blocks. It's hard with responsive ads, but try to reserve some space for them.

 

[markoroots]

After a year that I was going crazy for this, it seems I have fixed all the CLS problems.
I have also seen that in the last version of Xenforo the developers seems to have solved the problem with the default theme, but in my one (not the default oe) still I had it.
So try to check these things:
On mobile it seems that the "Quick Thread" option, was the one that create Layout shift, so with this useful addon of @Ozzy47 I have solved the problem: https://xenforo.com/community/threads/ozzmodz-quick-thread-permissions.178255/
Disable the function for guest in the Group Permissions.

About the desktop version is the explicit size of the logo that must be added in the code as you can see here:

Google's latest complaint

They just started a new metric within the Google Search Console, "Core Web Vitals". They claim I have 44,000+ poor URLs for mobile, slightly less for desktop. Here is their resource pages on the issues: https://web.dev/cls/ https://web.dev/lcp/ Funny thing it it's Google's own ads which are...

xenforo.com

I have not used these solutions because I don't know the code (make some tests but without success) and the addon proposed make disappear many ads on my site so I have removed it, but the problem is that related to logo size and I have fixed it by the setting panels of my theme.

Also as Briansol says some minor CLS issues are realted to the ads that need to have explicit size in the code generated from the ads, I have just asked to Siropu days ago if was possible to fix this problem in him optimum plugin and him says that is working on it to release a fix in the next release.

Use Webpagetest.org or Web.dev to check and not Pagespeed because this give too much false negative.

As additional check if you still have CLS problem look also Lazyload plugin if you use it, trying to disable it and see if it solve the problem, if yes try to set the right configuration to avoid the shifts.

@Mouth in our case (cause we use the same theme) go to "[Nulumia] Header & Navigation" and set the right size of the logo you are using, in this panel.

Hope this can be helpful also for you

 

[markoroots]

In each way those I have mentioned are problems there were on my site and each site have the own ones. I have wrote my ones that maybe could help someone.
In each way to understand what are the CLS problems involved of each site is important to check the voice in Pagespeed or Web.dev "Avoid Layout shift" and start from there.
After that I'm totally agree that the (CLS, LCP, TTI) should be improved to get a better performance and so better ranking values for the contents.

 

[Alpha1]

XenForo.com Thread result (for this very thread):

Lighthouse Report

The results for this very thread:


Xenforo.com is a website that AFAIK does not run any 3rd party addons. Those sites that do will find that pages load a lot of unused and queries, JS, CSS from addons that are not even needed on the page.

If XF would split this up and allow us to turn off, then this would speed up pages significantly and improve Web Vitals score.

 

[djbaxter]

Worth a read:

Google Says You Don't Need All Three Good Web Vital Scores For Ranking Boost

Google at an AMA at I/O this week on the top of web vitals was asked about how the core web vitals impact your rankings in Google Search. In short, Google said that it is not the case where you need to have all three "good" scores to get any ranking boost and also that once you hit good, you...

www.seroundtable.com

 

[markoroots]

Every little thing impact to the ranking of a site.
Good contents is the first thing, all the rest of the optimizations come immediately after.
Core Web Vitals is really important for the best user experience, that impact to the contents and site quality.

The business impact of Core Web Vitals | web.dev

This article will help you understand how Core Web Vitals correlate with key business metrics by exploring examples of companies which have already seen positive impact for their users and business.

web.dev

 

[Kirby]

I really like web vitals

This is one of our XenForo 2 sites (it does not have AMP):

 

[rdn]

I really like web vitals

This is one of our XenForo 2 sites (it does not have AMP):
View attachment 253097

Link please?
So we can explore what did you do

 

[Paul B]

This thread is morphing into a support thread.

To avoid it being moved to a more appropriate forum, any further posts which are not directly related to the suggestion will be removed.

Questions related to SEO, GA, etc. can be posted here: https://xenforo.com/community/forums/forum-management.84/