Small CSL for mobile theme in 11.4.3

Posted in: Newspaper
Post count: 57

Hello,

I keep getting CSL 0,13 in the area of title in mobile theme.
My site is http://nagradneigrers.com

Don’t check it in https://pagespeed.web.dev/
Problem arises when page is scrolled so please check CLS in Google Chrome developer tool
After you start measurement start scrolling.
Please check on some post.

In https://pagespeed.web.dev/ I see CLS 0,11 for mobile users (field test)

On that site http://nagradneigrers.com I use 11.4.3
On other web I use 11.2 and there I don’t see that layout shift
https://nagradnaigra.com.hr/

Seems like there is problem with div class=”td-container”
At least that is shown in Google Chrome developer tool

Is it possible that in 11.4.3 was some change that is causing that shift?

Thank you

Post count: 57

Session window
The selected layout shift belongs to session window 1.
Current score: 0.11
Cumulative score: 0.13
Time: 1.345s

And 0.11 is what can be seen in https://pagespeed.web.dev/ for field test

Post count: 57

I update theme to latest version. Now, sometimes I have CLS 0.11 – 0.13

Post count: 27744

Hello,

I just checked and now seems now the CLS is good -> https://i.imgur.com/0bRSBIS.png -> https://gtmetrix.com/reports/nagradneigrers.com/i0kK08KS/

Thank you!

Post count: 57

Thank you for replay.
After theme update and few tweaks CLS is mostly ok.

Hint for you. Don’t check https://gtmetrix.com/ since it checks only desktop version. Mobile version is a problem.

I will send request for custom work since this requires CSS optimization.

Post count: 57

Hello,

I am pretty sure that sticky menu in mobile theme is creating CSL 0,11
As soon I turned it off CSL is 0
I don’t know enough to know is this problem with my installation or it is general problem.
And important thing is that I am checking CSL in Google Chrome developer tool.
Google Insight is useless for hings like that.
Can you please respond? This seems pretty important.

Post count: 35449

Hi crodexter,
You are right, the sticky menu crates cls on both mobile and desktop if is used.
If you do need a sticky menu we suggest to use a cloud header (this will be display on desktop, and responsive version, for mobile it can be use a mobile page template) and set the row to be sticky -> https://i.imgur.com/3eIf8ss.png
Unfortunately for standard pack and mobile theme there is no option to use it without causing cls.
Thank you!

Viewing 7 posts - 1 through 7 (of 7 total)
The forum ‘Newspaper’ is closed to new topics and replies.