Core Web Vitals 101: vad som faktiskt påverkar laddtiden
Core Web Vitals är Googles tre mått på hur en sida upplevs: LCP för när huvudinnehållet syns, INP för hur snabbt sidan svarar på klick, och CLS för hur mycket layouten hoppar. De mäts på verkliga besökare, inte i ett testverktyg, och det är den 75:e percentilen som avgör om ni klarar tröskeln. Ett resultat på 95 i ett labbtest säger därför nästan ingenting om vad era besökare upplever.
Vilka är tröskelvärdena?
Tre mått, tre tröskelvärden, och en vanligaste orsak var. Gränsen gäller den 75:e percentilen av verkliga besök, inte ett enskilt test.
| Mått | Bra | Behöver arbete | Vanligaste orsaken |
|---|---|---|---|
| LCP | under 2,5 s | över 4,0 s | Ooptimerad hjältebild eller blockerande typsnitt |
| INP | under 200 ms | över 500 ms | Tredjepartsskript som blockerar huvudtråden |
| CLS | under 0,1 | över 0,25 | Bilder och annonser utan reserverat utrymme |
Vad är LCP och vad fäller det?
Largest Contentful Paint mäter när det största elementet ovanför vikningen har ritats upp, oftast en bild eller en rubrik. Tröskeln är 2,5 sekunder. I praktiken är det nästan alltid en av tre saker som fäller LCP:
- En bild som laddas i full upplösning när den visas i en fjärdedel av storleken.
- Ett typsnitt som blockerar renderingen, så att texten finns men inte syns.
- Att innehållet byggs i webbläsaren, så att ingenting finns förrän JavaScript körts.
Vad är INP och vad fäller det?
Interaction to Next Paint ersatte det gamla FID-måttet och är strängare. Det mäter hur lång tid det tar från ett klick till att något syns hända, över hela besöket. Tröskeln är 200 millisekunder. Orsaken är nästan alltid JavaScript som blockerar huvudtråden: tredjepartsskript för statistik, chattwidgetar, A/B-testverktyg. Varje sådant skript är en kostnad, och den summeras.
Vad är CLS och vad fäller det?
Cumulative Layout Shift mäter hur mycket innehåll flyttar sig efter att det ritats upp. Tröskeln är 0,1. Det här är det enklaste måttet att fixa och det som irriterar mest: en annons som laddar in och knuffar ned brödtexten precis när du börjat läsa. Lösningen är alltid densamma: reservera utrymmet i förväg med width och height på bilder, och med angiven höjd på allt som laddas in senare.
Varför hjälper inte ett cacheplugin?
Ett cacheplugin förbättrar serverns svarstid, alltså tiden innan sidan börjar levereras. Det är sällan det som fäller Core Web Vitals. LCP avgörs av bilder och typsnitt, INP av JavaScript, CLS av utrymme som inte reserverats. Ingen av dem löses av en cache framför sidan. Cache är bra, men det är inte samma sak som prestanda.
Varför räcker inte ett labbtest?
Labbtest körs på en snabb maskin med perfekt uppkoppling. Fältdata kommer från verkliga besökare på verkliga telefoner. Chrome UX Report ger er fältdata gratis om ni har tillräckligt med trafik. Har ni inte det, mät i besökarens webbläsare själva. Sajter som ser bra ut i labbet och dåligt i fält har nästan alltid ett problem med tredjepartsskript.
Hur mycket påverkar det rankingen?
Ärligt: lite. Core Web Vitals ingår i Googles signaler för sidupplevelse men väger lätt jämfört med innehåll och relevans. Den riktiga vinsten är kommersiell. Snabbare sidor tappar färre besökare innan de sett något, och det syns i avvisningsfrekvens och konvertering långt tydligare än i placeringar.
Vanliga frågor
Hur snabbt måste en sida ladda för att klara Core Web Vitals?
LCP under 2,5 sekunder, INP under 200 millisekunder och CLS under 0,1, mätt på den 75:e percentilen av verkliga besök under 28 dagar. Att ett enskilt test visar bra siffror räcker alltså inte: en fjärdedel av besöken får vara långsammare, men inte mer.
Varför visar PageSpeed Insights olika siffror varje gång?
Verktyget visar två saker samtidigt. Labbdatan körs om vid varje test och varierar med serverbelastning och nätverk. Fältdatan bygger på 28 dagars verkliga besök och rör sig långsamt. Det är fältdatan som avgör om ni klarar tröskeln, och det är den som är värd att följa över tid.
Vi har inte tillräckligt med trafik för fältdata. Vad gör vi då?
Mät i besökarens webbläsare själva med webbläsarens inbyggda API för de tre måtten och skicka siffrorna till er egen logg. Det ger samma sorts data som Chrome UX Report men för er egen trafik, oavsett volym, och det är några rader kod snarare än ett verktygsköp.
Påverkar Core Web Vitals verkligen rankingen?
De ingår i Googles signaler för sidupplevelse men väger lätt jämfört med innehåll och relevans. Den större vinsten är kommersiell: snabbare sidor tappar färre besökare innan de sett något, och det syns i avvisningsfrekvens och konvertering långt tydligare än i placeringar.
Mer inom samma område
Byta plattform utan att tappa trafik: en checklista
Vad som faktiskt avgör om trafiken överlever en replattformering, i den ordning arbetet ska göras.
API-integrationer: sex fel som kostar pengar
De misstag som gör att en integration fungerar i test och sedan skapar dubbletter, tappar ordrar eller kräver daglig passning.
