CLS-metoden bruges til at måle, i hvilken grad indholdet på websiden forskyder sig eller bevæger sig gennem hele sidegengivelsescyklussen, eller med andre ord, til at måle, hvor stabilt webstedets visuelle udseende er.
Der er sikkert mange gange i dit liv, hvor du har oplevet med egne øjne, hvor frustrerende det er at kunne klikke på et element i en menu og ved et uheld klikke på en annonce, som derefter fører dig til et tredjepartswebsted, og hvor frustrerende det er, når indholdet på websiden ændrer sig midt i en interaktion. Layoutændringer er selvfølgelig også irriterende for brugerne. De kan dog også forårsage mere betydelige problemer for webudgivere, herunder høje afvisningsprocenter og overtrædelser af deres annoncepolitikker på grund af utilsigtede klik på grund af layoutændringer.
Derudover, da Google anser CLS for at være en af de tre " Core Web Vitals ", kan en lav CLS-score have en negativ indflydelse på den samlede score for core web vitals, hvilket resulterer i, at brugeren får en dumpkarakter. Som en del af de seneste ændringer af Googles søgealgoritme rangeres websteder, der får en bestået score på vurderingen af core web vitals, mere gunstigt i søgeresultaterne.
Der er en direkte sammenhæng mellem at forbedre CLS-scoren, forbedre den samlede brugeroplevelse, potentielt forbedre Google-rangeringer og øge Googles organiske trafik.
Hvordan måles kumulativ layoutforskydning?
Når et element, der er synligt i viewporten, ændrer sin startposition af en eller anden grund, registreres denne forskydning. Derfor vil det blive betragtet som ustabilt, hvis det ændrer sin startposition. Det er vigtigt at bemærke, at det kun er muligt at oprette en layoutforskydning, hvis et synligt element flytter sig til et andet sted på siden på grund af noget, der sker på den side, og ikke hvis et nyt element eller et eksisterende element vokser eller krymper.
En CLS-score består af to specifikke målinger, der er designet til at spore layoutforskydninger: anslagsfraktioner og afstandsfraktioner. Disse to målinger bruges til at bestemme CLS-scoren. Anslagsfraktionen måler, hvordan ustabile elementer påvirker visningsporten mellem to billeder ved at kombinere det oprindelige element og forskydningen som et forhold, der kan sammenlignes med visningsportens samlede synlige område mellem de to billeder. I tilfælde af et ustabilt element, der bevæger sig vandret eller lodret, repræsenterer afstandsfraktionen den afstand, som elementet har bevæget sig omkring visningsporten (enten vandret eller lodret).
Hvordan kan du forbedre din CLS-score?
For at reducere ustabile elementer/forskydningsadfærd er her et par anbefalinger:
- Forskellige websider kan modtage andre CLS-scorer afhængigt af strukturen på dit websted. For eksempel kan CLS-scorer for artikelsider være højere end for hjemmesiden. Derfor er det første skridt at måle CLS-scorerne for alle dit websteds primære sideskabeloner.
- Billeder og videoer skal altid have bredde- og højdeattributter. Opret responsive billeder med definerede billedformater.
- Alternativt kan CSS-formatbokse bruges til at reservere den nødvendige plads til elementerne. Under indlæsningsprocessen sikrer dette, at browseren allokerer den passende mængde plads i dokumentet.
- Annoncevisning kan bidrage betydeligt til layoutændringer, hvis placeringerne ikke er korrekt optimeret.
- Indsæt ikke dynamisk indhold oven på allerede indlæst indhold, undtagen som reaktion på brugerinteraktioner, i hvilket tilfælde layoutet vil ændre sig.
Sæt fart på WordPress' ydeevne med vores hjemmesideoptimeringstjenester !
