CLS (Kumulatīvais izkārtojuma nobīde)
CLS mēra kopējo negaidīto izkārtojuma nobižu daudzumu, kas rodas visas lapas pastāvēšanas laikā, kvantificējot, cik daudz redzamā satura pārvietojas neparedzami.
Kumulatīvā izkārtojuma nobīde (CLS) ir viens no Core Web Vital rādītājiem, kas mēra vizuālo stabilitāti. Tas kvantificē, cik daudz lapas saturs neparedzami pārvietojas tās ielādes laikā. Izkārtojuma nobīde notiek, kad redzams elements maina savu pozīciju no viena renderēšanas kadra uz nākamo bez lietotāja mijiedarbības.
Biežas izkārtojuma nobīdes cēloņi ir attēli un video bez norādītiem izmēriem (pārlūkprogramma nezina, cik vietas rezervēt, līdz tie ielādējas), reklāmas vai iebūvētie elementi, kas ielādējas dinamiski un nobīda saturu uz leju, tīmekļa fonti, kas izraisa teksta pārveidošanos to ielādes brīdī (Flash of Unstyled Text), un saturs, kas tiek dinamiski ievietots virs esošā satura.
Praksē
- Jaunu vietne samazināja savu CLS no 0,42 līdz 0,05, rezervējot vietu reklāmu slotiem un pievienojot izmērus visiem attēliem, kas rezultējās ar 30% ilgāku vidējo lasīšanas sesiju ilgumu
- E-komercijas produkta lapai bija CLS 0,35, jo klientu atsauksmju zvaigznes ielādējās vēlu un nobīdīja pogu "Pievienot grozam" uz leju, izraisot kļūdainus klikšķus; šī problēma novēršana uzlaboja pievienošanas grozam rādītāju par 8%
- Bloga vietne novērsa savu CLS problēmu, ko izraisīja tīmekļa fontu vēla ielāde, iepriekš ielādējot fontu failu un izmantojot font-display: optional, pilnībā eliminējot teksta izkārtojuma nobīdes
- Aģentūras lapa rezervēja fiksētus izmērus video iebūvei, kas izraisija satura lecšanu zem tās, samazinot CLS no 0,28 līdz 0,02
Nezināt, kā tas attiecas uz jums?
Senior inženieris apstaigā jūsu objektu, jūsu meklēšanas klātbūtni un veidu, kādā nonāk pieprasījumi, un tad rakstiski norāda trīs lietas, ko vispirms vērts labot. Dokuments paliek jums neatkarīgi no rezultāta.