Hello,
as CLS get’s more important i just wanted to know how i can fix he following issue:
I’ve activated the mobile theme and it seems like scrolling causes a CLS as you can see on the screenshot:
This always happens on every page but only when you start scrolling. Can you please take a look at it and tell me how to fix that 🙂
For example here: https://rauf-und-davon.at/reedsee-wanderung/
All the best and thanks,
Daniel
Hello Daniel!
This issue has been discussed already here: https://forum.tagdiv.com/topic/how-to-remove-cumulative-layout-shift-in-connection-with-ads/
Hope that helps you!
Thank you!
It appeares according to the developer tools in the div.td-container everytime you start so scroll on a page.
Hello!
I found these articles about to improve cls
-> https://www.stanventures.com/blog/cumulative-layout-shift/
-> https://web.dev/cls/ -> https://web.dev/optimize-cls/
-> https://www.datadab.com/blog/fix-cumulative-layout-shift/
-> https://wp-rocket.me/google-core-web-vitals-wordpress/improve-cumulative-layout-shift/
-> https://forum.tagdiv.com/topic/to-high-cumulative-layout-shift-in-mobile-theme/
Hope these articles help you to reduce the CLS.
Or if you want you can make a request to the custom services: https://tagdiv.com/services/custom-services-page-speed-optimization/
Thank you for your understanding!
Hello!
I actually don’t think that i did something wrong. I just tried it out and deleted all the Custom Code and deactivated all Plug-Ins … still this Layoutshift in the Mobile Theme occured …
All the best,
Daniel
Hello Daniel!
Let me explain you which options of mobile versions are:
1. Responsive version: A responsive version of your website is looking similar like on desktop, edit the page with TagDiv Composer, click on the mobile viewport: https://www.screencast.com/t/XDQJedlggSB ; there you can see your mobile version and you can edit the elements there.
2. Mobile pages: https://tagdiv.com/newspaper-10-3-7-update-brings-customizable-and-fast-mobile-pages/
3. Mobile theme plugin: The Mobile Theme is a performance optimized theme included in the Newspaper main theme and it loads only for mobile devices. It comes with its own templates for page, post, category, etc so your current templates from the desktop theme will get converted to the mobile theme layout. For more details, please take a look here: https://forum.tagdiv.com/the-mobile-theme/ ; https://forum.tagdiv.com/mobile-theme-introduction/
A full explanation you can find here: https://www.youtube.com/watch?v=SpGkOnJeNZY
If you do not need Mobile Theme layout, then you can uninstall it and use other mobile version.
Hope that helps you!
Thank you!
Hello,
this fixed the issue in deed: https://forum.tagdiv.com/topic/to-high-cumulative-layout-shift-in-mobile-theme/
Is it possible you integrate the solution in a Newspaper update? Because i don’t want to edit the code after every update manually. Aand no CLS in the mobile theme should also be a thing you like to have, right?
All the best,
Daniel
Hi,
There is added an request to set a button for on of the sticky header form the mobile theme plugin, but for the moment this was not implemented. W hope it will be in the coming updates.
Thank you!
Yes please! No CLS would be a great thing!
All the best,
Daniel
Hello!
Is this fixed with the new update?
All the best,
Daniel
Hi Daniel,
Unfortunately, it was not added, I made a new request and I hope this option will be added.
Thank you!
