Core Web Vitals: mät hur webbplatsen fungerar för besökaren

Core Web Vitals mäter hur snabbt huvudinnehållet visas, hur sidan reagerar och om innehållet flyttar sig oväntat. Du kan använda måtten för att hitta sådant som gör webbplatsen långsam eller svår att använda. Börja med mätningar från riktiga besök och undersök problemen närmare med egna tester.

Måtten heter LCP, INP och CLS. De beskriver olika problem och behöver felsökas var för sig. Bra värden är värdefulla för besökaren, men ger inte automatiskt bättre placeringar eller fler köp.

Rekommenderade nivåer för en bra upplevelse

Gränserna gäller den 75:e percentilen, separat för mobil och dator. Förenklat betyder det att minst tre fjärdedelar av mätningarna behöver klara gränsen för bra. Ett genomsnitt kan se bra ut även om många besökare har problem.

Skilj verkliga besök från egna tester

Fältdata är mätningar från verkliga besök. Ett laboratorietest laddar sidan under bestämda förhållanden. Använd fältdata för att se vad besökarna råkar ut för och laboratorietester för att återskapa problemet och hitta orsaken.

PageSpeed Insights visar båda typerna när det finns tillräckligt med fältdata. Se om fältdelen gäller just den URL du testar eller hela webbplatsens ursprung. Annars kan du råka bedöma en produktsida med siffror som mest kommer från andra delar av sajten.

Så använder du PageSpeed Insights

1. Öppna en viktig sida i PageSpeed Insights. Läs först mätningarna från verkliga besök och sedan laboratorietestet.
2. Kontrollera enhet och om fältdata gäller just URL:en eller hela webbplatsens ursprung. Om data saknas kan du inte bedöma verkliga besök utifrån den delen av rapporten.
3. Välj det mått som behöver förbättras. För dålig INP behöver du testa interaktioner; för dålig LCP behöver du undersöka laddningen av det största synliga innehållet.
4. Spara testförutsättningar och återskapa problemet på fler sidor som använder samma mall.

En produktsida kan ha långsam LCP för verkliga mobilbesök men ändå få ett snabbt resultat i ett datortest. Testa då mobilversionen och se vilket element som mäts. Ta reda på om väntan ligger hos servern, i bildens hämtning eller i att webbläsaren upptäcker bilden sent.

Ett laboratorietest kan mäta den nya sidan direkt efter publicering. Fältdata innehåller fortfarande äldre besök under en tid. Anteckna när ändringen gjordes och följ samma mått tills den nya versionen hunnit slå igenom i mätningarna.

Snabbare hemsida: testa mer än första laddningen

Startsidan kan ladda snabbt samtidigt som kategorisidans filter reagerar långsamt. Prova därför också att filtrera produkter, lägga i varukorgen och använda andra viktiga funktioner.

Öppna mobilmenyn, byt produktvariant, använd sökfunktionen och gå vidare i kassan. Testa gärna med en enklare mobil och ett långsammare nätverk om det är vad de berörda besökarna använder.

Börja där flest besökare påverkas

• Gruppera sidor som använder samma mall eller komponent.
• Identifiera vilket mått som är dåligt och när problemet uppstår.
• Undersök om en gemensam resurs eller funktion orsakar det.
• Ändra en tydlig sak och kontrollera resultatet under jämförbara förhållanden.
• Följ sedan upp att förbättringen också märks i verkliga besök.

En rättning i produktmallen kan hjälpa många besökare. En förbättring på en sällan besökt testsida gör mindre nytta. Väg därför verktygens råd mot vilka sidor och funktioner som faktiskt används.

När du vet vad som är långsamt kan du följa rätt guide: LCP för sent innehåll, INP för tröga interaktioner eller CLS för innehåll som flyttar sig. Spara datumet för varje publicerad ändring så att du kan jämföra med utvecklingen i rapporterna.

Jämför samma mått, sidtyper och enheter före och efter ändringen. Byter du verktyg eller får en annan blandning av besökare kan siffrorna förändras av andra skäl.