Blog Performance
Core Web Vitals for webshops: LCP, INP og CLS
Forstå LCP, INP og CLS, mål webshoppens hastighed og prioritér forbedringer af indlæsning, respons og layout.
Kasper Stück Opdateret 2 min læsetid
Core Web Vitals beskriver, hvor hurtigt vigtigt indhold vises, hvor hurtigt siden reagerer, og hvor stabilt layoutet er. For en webshop er det nyttige mål for kundeoplevelsen, men de fortæller ikke alene, om butikken sælger godt.
De tre mål: LCP, INP og CLS
| Måling | Hvad den viser | Grænse for en god oplevelse |
|---|---|---|
| LCP | Tid, indtil det største synlige indholdselement vises | Højst 2,5 sekunder |
| INP | Hvor hurtigt siden reagerer visuelt på brugerens handlinger | Højst 200 millisekunder |
| CLS | Hvor meget layoutet flytter sig uventet | Højst 0,1 |
Grænserne vurderes ved den 75. percentil: Mindst 75 % af besøgene skal ligge på eller under grænsen. Mobil og computer vurderes særskilt. Se Googles forklaring af Web Vitals.
LCP: Får kunden hurtigt noget at se?
Det største synlige element kan være et produktbillede, et stort topbillede eller en tekstblok. Find først det element, målingen handler om. Undersøg derefter billedstørrelse, serverens svartid og ressourcer, der forsinker visningen.
På en produktside kan et billede i den rigtige størrelse være et oplagt sted at begynde. Andre sider kræver ændringer i temaets indlæsning eller serverens caching. Prioritér ud fra målingen af den konkrete side.
INP: Reagerer webshoppen på kundens valg?
Kunden skal kunne vælge størrelse, åbne menuen og lægge en vare i kurven uden mærkbar ventetid. Tunge scripts fra tema, apps eller eksterne tjenester kan forsinke reaktionen.
Gennemgå de handlinger, kunderne faktisk udfører. Antallet af apps er ikke i sig selv en måling af problemet; undersøg, hvilke scripts der kører, og hvor meget arbejde de udfører.
CLS: Bliver indholdet, hvor kunden forventer det?
Når billeder, bannere eller skrifttyper ændrer layoutet undervejs, kan knapper og tekst flytte sig. Det gør siden sværere at bruge og kan føre til fejlklik.
Kontrollér især, om der er afsat plads til billeder og dynamiske elementer. Test både første besøg og genbesøg, fordi eksempelvis samtykkebannere kan give forskellige oplevelser.
Mål rigtige besøg og test de vigtigste sider
Brug feltdata fra PageSpeed Insights eller Search Console, når der er tilstrækkelige data. Supplér med test af forside, kategorier, produkter og kurv. En laboratorietest er nyttig til fejlsøgning, men erstatter ikke målinger fra rigtige brugere.
Prioritér sider med meget trafik, vigtige produkter eller tydelige problemer. Kontrollér efter ændringen, at køb, filtrering og måling stadig fungerer, og følg udviklingen i de efterfølgende brugerdata.
Hvad betyder hastighed for SEO og salg?
Google bruger Core Web Vitals i sine rangeringssystemer, men gode tal garanterer ikke en topplacering. Relevant indhold og den samlede sideoplevelse har også betydning. Se Googles vejledning om Core Web Vitals og søgeresultater.
En hurtigere webshop kan gøre købet lettere. Effekten på salg skal dog måles i den konkrete butik og ses i sammenhæng med trafik, kampagner og sortiment. Der findes ikke en fast omsætningsgevinst, som gælder alle webshops.
Vil du prioritere de tekniske forbedringer, kan de indgå i løbende webshopudvikling. Har du også udfordringer med indhold og indeksering, kan du læse om SEO til webshops.
Tags
- #performance
- #core-web-vitals
- #shopify
- #seo