Cumulative Layout Shift (CLS) on kriitiline toimivusmõõdik, mis mõõdab, kui palju sisu laadimise ajal veebilehel nihkub või liigub. Selline liikumine võib kasutajatele meelehärmi tekitada, kuna võib kogemata valedel elementidel klõpsata või oma koha lehel kaotada. Google teatas hiljuti ka, et CLS-ist saab 2021. aasta mais järjestusfaktor, mistõttu on veebisaitide omanike jaoks olulisem kui kunagi varem optimeerida oma lehti selle mõõdiku järgi. Selles artiklis käsitleme, mis on CLS, kuidas see mõjutab kasutajakogemust ja SEO-d ning parimaid viise CLS-i kohandamiseks oma veebisaidi toimivuse parandamiseks.
Mis on Cumulative Layout Shift (CLS)?
Cumulative Layout Shift (CLS) on mõõdik, mis mõõdab, kui palju lehe paigutus laadimisel nihkub. Seda nihet võivad põhjustada mitmesugused tegurid, sealhulgas pildid ja videod, mis laaditakse hilja või elemendid, mille suurust lehe laadimisel dünaamiliselt muudetakse. CLS arvutatakse paigutuselemendi nihutatud kauguse korrutamisel selle suurusega. Seejärel summeeritakse need väärtused kõigi lehe laadimise ajal toimuvate paigutuse nihkete jaoks. Tulemuseks on skoor vahemikus 0 kuni 1, kusjuures madalam skoor näitab paigutuse väiksemat nihet.

Miks on CLS oluline?
Cumulative Layout Shift on oluline mõõdik kahel peamisel põhjusel: kasutajakogemus ja SEO. Kasutajakogemuse seisukohast võib kõrge CLS-iga leht olla kasutajate jaoks masendav ja segadusse ajav. Kui elemendid lehel ootamatult liiguvad või nihkuvad, võivad kasutajad kaotada oma koha lehel või klõpsata kogemata valedel elementidel. See võib põhjustada kehva kasutuskogemuse ja põhjustada kasutajate lahkumise teie saidilt.
SEO seisukohast on Google teatanud, et CLS-st saab 2021. aasta mais edetabel. See tähendab, et kõrge CLS-i skooriga lehti võidakse otsingu edetabelis karistada, samas kui madala CLS-skooriga lehtedel võib edetabel tõusta. Seetõttu on CLS-i jaoks optimeerimine ülioluline, kui soovite oma veebisaidi otsingumootori nähtavust parandada.

Kuidas mõõta Cumulative Layout Shift?
Mõõta Cumulative Layout Shift oma veebisaidil saate kasutada Google'i tööriista PageSpeed Insights või Chrome DevToolsi. Mõlemad tööriistad annavad teile hinde vahemikus 0 kuni 1, samuti lehe laadimise ajal toimunud paigutuse nihke põhjuste jaotuse. Samuti saate oma veebisaidi CLS-i ja muude toimivusmõõdikute mõõtmiseks kasutada sellist tööriista nagu WebPageTest.
Kuidas CLS-i reguleerida?
Siin on mõned sammud, mida saate oma CLS-i kohandamiseks teha.
- Piltide optimeerimine. Suured või optimeerimata pildid võivad laadimisel põhjustada paigutuse nihkeid. Veenduge, et pildid oleksid õige suurusega ja tihendatud, et vähendada nende mõju CLS-ile.
- Kasutage meediumielementide kuvasuhteid. Kui kasutate pildi või video kuvasuhet, teab brauser enne laadimist, kui palju ruumi see võtab. See võib aidata vältida meediumielementide põhjustatud paigutuse nihkeid.
- Reklaamide ja manuste jaoks ruumi reserveerimine: reklaamid ja manused laaditakse sageli asünkroonselt, mis võib põhjustada paigutuse nihkeid. Kui jätate neile oma paigutuses ruumi, saate neid nihkeid ära hoida.
- Vältige dünaamiliselt sisestatud sisu. Sisu, mis sisestatakse lehele pärast selle laadimist, näiteks hüpikaknad või vestluskastid, võib põhjustada paigutuse nihkeid. Püüdke seda tüüpi sisu kasutamist vältida. Veenduge, et see oleks laaditud viisil, mis ei mõjuta paigutust.
- Laadige fonte asünkroonselt. Kui kasutate oma veebisaidil kohandatud fonte, võib nende asünkroonne laadimine aidata vältida fondi laadimisest põhjustatud paigutuse nihkeid.
- Kasutage eellaadurit. Eellaadija on ekraan, mis kuvatakse teie veebisaidi laadimise ajal. See võib aidata vältida paigutuse nihkeid, pakkudes kasutajale lehe laadimise ajal midagi vaadata.

Neid toiminguid tehes saate aidata vähendada paigutuse nihke mõju oma veebisaidile ja parandada kasutajakogemust. Soovitame Hosta Blanca Virtuaalserver or VPS server teie veebiprojektide jaoks.
Juurdepääs cPanelile Parim VPS Osta VPS kohe CDN Odav VPS Juhtpaneel cPanel tasuta cPaneli juhend cPaneli hostimine Kohandatud e-posti aadressid Database Management Tasuta juhtpaneelid Mänguserver Parandage SEO -d Linux Linuxi server Linux VPS MySQL andmebaasi haldussüsteem Optimeeri pilte RAID 5 SSD Skaleeritavus ja paindlikkus Virtuaalserver Kasutage sisuvõrku Virtual Private Server VPS Auto paigaldus Kahanev VPS-i hostimise pakkuja VPS Euroopas VPS OS VPS plaanid VPS-i server VPS-serveri RAM VPS täna Webhotelli Veebimajutuse lahendused Website Management Veebisaidi toimivus Veebisait cPaneli kasutamine Mis on CLI? Windows Server Windows VPS WindowsVPS WordPress lihtne WordPress täna WordPressi tööriistad