CLS (Kumulatiivne paigutuse nihkumine)
CLS mõõtab kogu ootamatute paigutuse nihete koguarvu, mis toimuvad lehe elutsükli jooksul, kvantifitseerides seda, kui palju nähtavat sisu ootamatult liigub.
Kumulatiivne paigutuse nihkumine (CLS) on üks Core Web Vitali näitajatest, mis mõõdab visuaalset stabiilsust. See kvantifitseerib seda, kui palju lehekülje sisu ootamatult liigub selle laadumisel. Paigutuse nihe tekib siis, kui nähtav element muudab oma asukohta ühest renderdatud raamist järgmisse ilma kasutaja interaktsioonita.
Paigutuse nihete levinud põhjused hõlmavad pilte ja videoid ilma mõõtmeteta (brauser ei tea, kui palju ruumi broneerida, enne kui need laaduvad), reklaame või embed-e, mis laaduvad dünaamiliselt ja suruvad allpool olevat sisu alla, veebifontsid, mis põhjustavad teksti suurusmuutusi nende laadumisel (Flash of Unstyled Text) ja sisu, mis süstitakse dünaamiliselt olemasoleva sisu kohale.
Praktikas
- Uusiteave vähendas oma CLSi väärtust 0,42-lt 0,05-le, broneerides ruumi reklaamialadele ja lisades kõikidele piltidele mõõtmed, mis viis keskmise lugemisaja 30% pikenedamiseni
- E-kaubanduse tootelehel oli CLS 0,35, sest kliendi arvustuste tähed laaditi hilja ja lükkasid nupu "Add to Cart" allapoole, põhjustades valeklikke; selle parandamine parandas ostukorvi lisamise määra 8%
- Blogi lahendas oma CLSi probleemi, mis oli põhjustatud hilinenult laaduvatest veebifontsidest, eel-laadides fontfaili ja kasutades font-display: optional-t, elimineerides teksti paigutuse nihked täielikult
- Sihtlehekülg broneeris fikseeritud mõõtmed video embedile, mis põhjustas allpool oleva sisu hüppamist, tuues CLSi väärtuse 0,28-lt 0,02-le
Kas ei ole kindel, kuidas see teile kehtib?
Kogenud insener vaatab üle teie veebisaidi, nähtavuse otsingus ja päringute teekonna ning kirjutab seejärel üles kolm asja, mida esmalt parandada. Dokument jääb teile igal juhul.