CLS (Kumulativni premik postavitev)
CLS meri skupno količino nepričakovanih premikov postavitev, ki se zgodijo skozi celotno življenjsko dobo strani, in kvantificira, koliko vidne vsebine se nepričakovano premakne.
Kumulativni premik postavitev (CLS) je ena izmed jedrnih spletnih vitalnih metrik, ki meri vizualno stabilnost. Kvantificira, koliko se vsebina na strani nepričakovano premika med nalaganjem. Do premika postavitev pride, ko se vidni element spremeni svojo lego iz enega upodobljenega okvira v naslednjega brez interakcije uporabnika.
Pogosti vzroki za premike postavitev vključujejo slike in videe brez dimenzij (bravnik ne ve, koliko prostora mora rezervirati, dokler se ne naložijo), oglase ali vdelave, ki se dinamično naložijo in potisnejo vsebino navzdol, spletne pisave, ki povzročijo ponovno velikost besedila pri nalaganju (Flash of Unstyled Text), ter vsebina, ki se dinamično vnese nad obstoječo vsebino.
V praksi
- Novičarsko spletno mesto je zmanjšalo svoj CLS s 0,42 na 0,05 z rezerviranjem prostora za oglasne prostore in dodajanjem dimenzij vsem slikam, kar je rezultiralo v 30 % daljšem povprečnem času branja.
- Izdelek v spletni trgovini je imel CLS 0,35, ker so se zvezdice ocen strank naložile pozno in potisnile gumb »Dodaj v košarico« navzdol, kar je povzročilo napačne klike; odprava tega je izboljšala stopnjo dodajanja v košarico za 8 %
- Blog je odpravil težavo s CLS, ki jo je povzročilo pozno nalaganje spletnih pisav, s prednalaganjem datoteke pisave in uporabo font-display: optional, s čimer je popolnoma odpravil premike postavitev besedila.
- Landing page je rezervirala fiksne dimenzije za vdelan video, ki je povzročal preskakovanje vsebine pod njim, s čimer je CLS padel s 0,28 na 0,02
Niste prepričani, kako se to nanaša na vas?
Senior inženir obišče vašo lokacijo, vašo prisotnost v iskalnikih in način, kako prispeta povpraševanja, nato zapiše tri stvari, ki jih je vredno najprej popraviti. Dokument lahko obdržite v vsakem primeru.