[Support request] CLS Help

[Ben]

Hi team

Sorry another CLS question.

Seems a lot of my pages on DESKTOP are failing CWV becuase (apprently) of CLS – CLS issue: more than 0.1 (desktop)
Funnily enough its not all pages, about half of them.
According to google the largest CLS is caused by the H1 text, and the rest by certain <p>
One of the pages in private box.

Any ideas?

I’ve reduced the text in the h1, still and issue..

Thanks in advance

[Fernando]

Hi Ben,

Are you inferring about the Field data?

The lab data with regards to CLS seem to be great.

See: https://share.getcloudapp.com/7Kuk5XAx

Also see: https://share.getcloudapp.com/L1u9j8ed

Viewing the site manually, I see the the Google font loading may be a potential cause.

One way to address this is to host the font locally. See here for reference: https://docs.generatepress.com/article/adding-local-fonts/

Hosting fonts locally should speed up their loading time, reducing CLS.

[Ben]

I don’t really understand their metrics
My performance supposedly is 99/100 yet apparently im failing cos of CLS.

See the screenshots I provided.

The first one is from search console, telling me my cls is over 1.4
Then assessment is saying its 1.2
And diagnostics telling me its .007
So i check the CLS and yeah, says its the header and <p>

So i really dont know. ¯\_(ツ)_/¯

Yes good point about the font, something I need to do, appreciate that.

[Fernando]

Yes, the screenshots you’re sharing are that of the field data.

You can read more about the difference of Field and Lab data here: https://web.dev/lab-and-field-data-differences/

Basically, it’s collated data of your site’s performance relative to actual users over 28 days.

So, if you’ve made improvements to your site just recently, it wont reflect in the field data as it is in lab data. You’ll need for the data to cycle to see actual results.

With that said, there are some factors not detected in lab data. For instance, if most of your users are from a location far from your server, this may result in slower loading of your site’s resources, thus a bad performance.

As mentioned, one noticeable thing I can see are the loading of the fonts. So it would be good to host it locally so that it loads faster.

Another step you can take is to use a CDN so that your site’s resources are delivered faster to your users relative to where they are located.

[Ben]

Thanks for your help Fernando.

Ok, well Ill work on the font thing, and actually, I didn’t realize, but I wasn’t hooked up to a CDN, and just put it on today, hopefully, that will help.

Appreciate it!

[Fernando]

You’re welcome Ben! Hope it goes well!

[Author]

Posts