LCP.
INP.
CLS.
Hur snabbt webbplatsen visar det viktiga innehållet.
Hur snabbt den reagerar när besökaren gör något.
Och om sidan ligger still medan den laddar.
Tillsammans kallas de Core Web Vitals.
Varför mäter Google det här?
För att hastighet inte bara handlar om hur många sekunder det tar innan en sida är “klar”.
En webbplats kan börja visas snabbt men ändå kännas långsam.
Du kanske ser sidan men kan inte använda den.
Eller så försöker du trycka på en knapp precis när en bild laddas in och flyttar hela layouten.
Tekniskt sett laddar webbplatsen.
Som användare använder du ett annat ord.
Core Web Vitals försöker mäta delar av den upplevelsen.
LCP – när kommer det viktiga innehållet?
LCP står för Largest Contentful Paint.
Det mäter ungefär hur lång tid det tar innan det största viktiga innehållselementet i den synliga delen av sidan har visats.
Ofta är det en stor rubrik eller hero-bild.
Om den delen tar lång tid att visas upplever besökaren sidan som långsam även om små delar redan har laddats.
Vanliga orsaker till dålig LCP kan vara:
- stora bilder
- långsam server
- render-blockerande CSS eller JavaScript
- externa resurser
- dålig cache
- onödigt tung sidbyggare
Det är alltså inte alltid bilden.
Och inte alltid webbhotellet.
Webbprestanda gillar sällan enkla syndabockar.
INP – händer något när jag klickar?
INP står för Interaction to Next Paint.
Det handlar om hur snabbt webbplatsen visuellt reagerar på användarens interaktion.
Du klickar.
Trycker.
Öppnar en meny.
Väljer något.
Om webbläsaren samtidigt är upptagen med tung JavaScript kan responsen dröja.
Det är då sidan känns seg trots att den redan är färdigladdad.
Bra INP handlar därför mycket om hur mycket arbete webbläsaren behöver göra när användaren försöker använda sidan.
CLS – varför flyttade knappen?
CLS står för Cumulative Layout Shift.
Det mäter oväntade förflyttningar i layouten.
Du ska precis trycka på en knapp.
En bild laddas ovanför.
Knappen flyttar sig.
Du trycker på något helt annat.
Grattis.
Webbplatsen har just skapat ett litet men väldigt konkret användarproblem.
Vanliga orsaker är bilder utan reserverade dimensioner, innehåll som läggs in efter laddning eller typsnitt och annonser som förändrar layouten.
Vad är bra värden?
Google delar in mätvärdena i ungefär:
- bra
- behöver förbättras
- dåligt
Men jag tycker att siffrorna ska användas som diagnostik, inte som pokaljakt.
Två webbplatser kan få liknande poäng och ändå kännas väldigt olika.
Och en sida kan få 100 i ett testverktyg samtidigt som den är ganska tråkig att använda.
Det är imponerande.
Men inte nödvändigtvis målet.
PageSpeed Insights och Core Web Vitals är inte samma sak
Det här skapar en del förvirring.
PageSpeed Insights visar flera typer av information.
Dels labbdata – ett simulerat test under bestämda förutsättningar.
Dels kan verktyget visa fältdata från riktiga Chrome-användare när tillräckligt med data finns.
Det är viktigt att förstå skillnaden.
Ett enskilt test är en ögonblicksbild.
Riktiga användares upplevelse över tid berättar något annat.
Båda är användbara.
Men de svarar på lite olika frågor.
Ska man jaga 100 poäng?
Nej.
Inte för sakens skull.
Om vi kan göra webbplatsen snabbare utan att försämra design eller funktion är det förstås bra.
Men det finns en punkt där jakten på ytterligare några poäng kan börja kosta mer än den smakar.
Målet är inte att imponera på PageSpeed Insights.
Målet är att ge besökaren en snabb och stabil webbplats.
Om Google också blir nöjt är det en trevlig bieffekt.
Vad brukar göra störst skillnad?
Det beror på webbplatsen.
Men jag tittar ofta på:
- bilder och bildformat
- serverns svarstid
- cache
- CSS och JavaScript
- externa scripts
- typsnitt
- plugins
- databasarbete
- vad som faktiskt laddas på varje sida
Sedan mäter man.
Förändrar.
Och mäter igen.
Prestanda blir betydligt enklare när man arbetar med data i stället för magkänsla.
Core Web Vitals är en del av helheten
En snabb webbplats är bra.
Men en blixtsnabb sida med otydlig navigation och dåligt innehåll är fortfarande en dålig webbplats.
Prestanda behöver därför ses tillsammans med design, innehåll, tillgänglighet och teknisk SEO.
Core Web Vitals hjälper oss att upptäcka vissa problem.
De berättar inte hur bra hela webbplatsen är.
Det jobbet är fortfarande lite mer mänskligt.
