CLS (Kumulativni pomak rasporeda)
CLS mjeri ukupnu količinu neočekivanih pomaka rasporeda koji se događaju tijekom cijelog životnog vijeka stranice, kvantificirajući koliko se vidljivog sadržaja neočekivano pomiče.
Kumulativni pomak rasporeda (CLS) je jedan od Core Web Vitalsa koji mjeri vizualnu stabilnost. Kvantificira koliko se sadržaj na stranici neočekivano pomiče dok se učitava. Do pomaka rasporeda dolazi kada vidljivi element promijeni položaj s jedne prikazane frame na sljedeću bez interakcije korisnika.
Uobičajeni uzroci pomaka rasporeda uključuju slike i videozapise bez dimenzija (preglednik ne zna koliko prostora rezervirati dok se ne učitate), oglase ili ugradbe koji se dinamički učitavaju i guraju sadržaj prema dolje, web fontove koji uzrokuju promjenu veličine teksta pri učitavanju (Flash of Unstyled Text) te sadržaj koji se dinamički ubacuje iznad postojećeg sadržaja.
U praksi
- Novinski web portal smanjio je svoj CLS s 0,42 na 0,05 rezerviranjem prostora za reklamne slotove i dodavanjem dimenzija svim slikama, što je rezultiralo 30% dužim prosječnim sesijama čitanja
- Stranica proizvoda u e-trgovini imala je CLS od 0,35 jer su se zvjezdice recenzija kupaca učitale kasno i gurnule gumb "Dodaj u košaricu" prema dolje, što je uzrokovalo pogrešne klikove; ispravljanje toga poboljšalo je stopu dodavanja u košaricu za 8 %
- Blog je riješio problem s CLS-om uzrokovan kasnim učitavanjem web fontova predučitavanjem datoteke fonta i korištenjem font-display: optional, čime su potpuno eliminirani pomaci rasporeda teksta
- Landing page rezervirao je fiksne dimenzije za video ugradnju koja je uzrokovala skakanje sadržaja ispod nje, smanjujući CLS s 0,28 na 0,02
Niste sigurni kako se ovo odnosi na vas?
Senior inženjer pregledava vašu web stranicu, vašu prisutnost u pretraživanju i način na koji upiti dolaze do vas, a zatim bilježi tri stvari vrijedne popravka prvo. Dokument zadržavate u svakom slučaju.