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
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
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!
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.
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.
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!