CLS and slider element
-
Hi again,
As stated before I am still optimising my site and I noticed a strange behavior when loading the site on mobile.
The slider element doesn’t seem to “know” what hight to take. When loading the elements load under eachother for a fraction of a second. This isn’t really what I want as this influances the CLS score from Google and is taken into account in ranking.Thank you for the infO.
The page I need help with: [log in to see the link]
-
I was hoping the slider size option “keep hight” would do the trick but it doesn’t. Or should I set a background size for every slider item?
I am trying to look for answers and I am reading a guide for some other slider: https://smartslider.helpscoutdocs.com/article/2009-cumulative-layout-shift-cls
Could this solution somehow work for me:
https://stackoverflow.com/questions/64832836/my-js-slider-is-causing-a-low-cls-score-how-to-change-the-way-my-slider-loadsI could also find this Web.dev guide concerning sliders:
https://web.dev/carousel-best-practices/
(they recommend loading the slider via HTML)
The topic ‘CLS and slider element’ is closed to new replies.
