Hoppa till innehållet

Alla insikter

Snabb hemsida: Core Web Vitals förklarat för företagare

Ett tidtagarur i silver mot vit bakgrund
Foto: Stanislav, Unsplash

En snabb hemsida är en som laddar sitt huvudinnehåll inom 2,5 sekunder, svarar direkt när besökaren klickar och inte hoppar runt medan den laddas. Det är precis vad Googles tre Core Web Vitals mäter: LCP, INP och CLS. Hastighet påverkar hur många besökare som stannar och köper, och den är en av signalerna Google väger in, men den ersätter aldrig relevant innehåll. Det som oftast gör en hemsida långsam är tunga bilder och för många tredjepartsskript, och det går att åtgärda.

Varför hastighet spelar roll för ditt företag

Besökare väntar inte. En sida som dröjer eller hackar tappar folk innan de ens läst vad du erbjuder.

Det finns bra data på hur mycket det betyder. I studien Milliseconds make millions, som Google beställde av Deloitte och 55, följde man 37 europeiska och amerikanska varumärkessajter och över 30 miljoner besök. En förbättring på 0,1 sekunder i mobil laddtid gav 8,4 procent högre konvertering för e-handel och 10,1 procent för resesajter. Det gäller stora varumärken, men riktningen gäller alla.

Och Google? Här är det lätt att överdriva. Google skriver själva i sin dokumentation om sidupplevelse att de alltid försöker visa det mest relevanta innehållet, även när sidupplevelsen är dålig, och att bra resultat i Core Web Vitals inte garanterar topplaceringar. Däremot kan en bra sidupplevelse bidra när det finns många likvärdiga sidor som svarar på samma fråga. Den största vinsten ligger oftast hos besökarna, inte i rankningen.

De tre Core Web Vitals och gränsvärdena

Google mäter upplevelsen med tre mått. Enligt web.dev räknas en sida som bra när:

  • LCP (Largest Contentful Paint) är högst 2,5 sekunder. Det mäter hur snabbt det största synliga elementet, ofta en stor bild eller rubrik, dyker upp.
  • INP (Interaction to Next Paint) är högst 200 millisekunder. Det mäter hur snabbt sidan reagerar när besökaren klickar, trycker eller skriver. INP ersatte det äldre måttet FID den 12 mars 2024, så läser du gamla guider som pratar om FID är de inaktuella.
  • CLS (Cumulative Layout Shift) är högst 0,1. Det mäter hur mycket innehållet hoppar runt medan sidan laddas, till exempel när en bild eller en banner plötsligt trycker ner texten du höll på att läsa.

En viktig detalj: värdena mäts vid den 75:e percentilen. Det betyder att minst tre av fyra besök ska klara gränsen, uppdelat på mobil och dator. Sidan ska alltså vara snabb även för kunden med en äldre mobil, inte bara på din dator på kontoret.

Så mäter du din egen hemsida

Du behöver inga betalverktyg för att komma igång. Två gratistjänster från Google räcker långt.

PageSpeed Insights

Klistra in din adress på PageSpeed Insights. Du får två sorters resultat, och skillnaden är viktig:

  • Fältdata kommer från riktiga Chrome-användare de senaste 28 dagarna, via Chrome User Experience Report. Enligt Googles egen beskrivning visas ingen fältdata om sidan har för få besökare, vilket är vanligt för mindre företag.
  • Labbdata är en simulerad testkörning under kontrollerade förhållanden. Den är bra för att hitta vad som bromsar, men den fångar inte alltid det riktiga besökare upplever.

Poängen från 0 till 100 kommer från labbtestet. Bry dig mer om fältdatan och de tre måtten än om själva siffran.

Search Console

Har du verifierat din sajt i Google Search Console hittar du rapporten Core Web Vitals. Den bygger på samma riktiga användardata och grupperar sidor med liknande upplevelse, till exempel alla produktsidor. Varje grupp får betyget Bra, Behöver förbättras eller Dålig, och det sämsta av de tre måtten avgör.

Varför är min hemsida långsam? Vanliga orsaker och lösningar

De flesta långsamma hemsidor har samma handfull problem:

OrsakVad som händerLösning
Tunga bilderStora, okomprimerade bilder gör att huvudinnehållet laddar långsamt och ger dålig LCP.Komprimera, använd moderna format som WebP eller AVIF och servera rätt storlek per skärm.
För många tredjepartsskript och spårareAnalysverktyg, annonspixlar, chattwidgetar och cookiebanners gör egna anrop och belastar webbläsaren, vilket ger sämre INP och LCP.Rensa bort det som inte används, ladda resten senare och välj lättare alternativ.
Sidbyggare och uppblåsta temanGenerella teman och drag-och-släpp-verktyg laddar mängder av kod som sidan aldrig använder.Bygg med ett lättare tema eller en statisk sajt som bara skickar det som behövs.
Billigt delat webbhotellServern svarar långsamt, och allt annat får vänta på det första svaret.Byt till bättre hosting eller servera färdiga sidor från ett CDN.
WebbtypsnittFlera typsnitt i många vikter fördröjer texten och kan få layouten att hoppa när typsnittet byts ut.Använd färre typsnitt och vikter, ladda dem från din egen server och reservera plats.
Ingen cache eller CDNVarje besök bygger sidan från början och hämtar den från en server långt bort.Slå på cache och lägg sajten bakom ett CDN nära besökarna.

Tredjepartsskripten förtjänar extra uppmärksamhet. web.dev beskriver dem som en vanlig orsak till långsamma sidor, just för att de ligger utanför din kontroll: de gör fler nätverksanrop till fler servrar och håller webbläsaren sysselsatt. Har du redan optimerat din egen kod och sidan ändå är seg, är det ofta där felet sitter.

För att servern ska svara snabbt är grunden också viktig. Som web.dev skriver om LCP kan ingenting hända i webbläsaren förrän servern har levererat den första byten, så snabbare serversvar förbättrar alla andra mått.

Integritet och hastighet hänger ihop

Varje spårare på sajten, som analysverktyg med cookies, annonspixlar och retargeting, är ännu ett skript som ska laddas och köras. Samma skript är ofta orsaken till att du behöver en cookiebanner, som i sin tur är ännu ett skript.

Färre spårare betyder alltså både bättre integritet och en snabbare sida. Du kan fortfarande förstå hur besökarna använder hemsidan, men med cookiefri analys som inte samlar in personuppgifter och inte kräver samtycke.

Hastighet fixar man inte heller en gång för alla. Nya bilder och verktyg smyger in över tid, så den behöver följas upp löpande, som en del av kontinuerlig optimering.

Vanliga frågor

Påverkar Core Web Vitals min Google-ranking?

Ja, men mindre än många tror. Google säger att relevant innehåll alltid går först och att bra värden inte garanterar topplaceringar, men att en bra sidupplevelse kan bidra när flera sidor är lika relevanta.

Varför visar PageSpeed Insights ingen fältdata för min sida?

Fältdata kräver tillräckligt många besök från riktiga Chrome-användare de senaste 28 dagarna. Har sajten lite trafik får du bara labbdata, och då är den ändå användbar för att hitta vad som bromsar.

Vad är ett bra PageSpeed-värde?

Fokusera på de tre måtten snarare än poängen: LCP högst 2,5 sekunder, INP högst 200 millisekunder och CLS högst 0,1, för minst 75 procent av besöken.

Vad är det vanligaste felet på långsamma hemsidor?

Oftast tunga bilder och för många tredjepartsskript. Båda är relativt enkla att åtgärda och ger ofta märkbar skillnad direkt.

Så hjälper Almano

Vi bygger webbplatser statiska först och utan spårningsskript från tredje part. Besöksanalysen sker utan cookies och utan personuppgifter, så det behövs ingen cookiebanner som tynger sidan. Efter lanseringen mäter vi och förbättrar varje månad, så att hemsidan fortsätter vara snabb även när innehållet växer. Läs mer på vår sida om tjänster.

Undrar du varför din hemsida känns långsam och vad som skulle göra störst skillnad? Boka ett kostnadsfritt samtal eller kör din domän genom vår kostnadsfria granskning på startsidan.

Vill du ha det här för din webbplats?

Boka ett kostnadsfritt samtal
Redo att snacka?30 minuter. Ingen pitch.
Boka