Vardför är sidhastighet en affärsföråga, inte bara en teknisk fråga?

Google har bekräftat att Core Web Vitals är en rankingfaktor i sökresultaten. Men effekten sträcker sig långt bortom SEO. Amazons interna studier visar att varje 100 ms extra laddtid kostar dem 1 procent i försäljning. Google har rapporterat att 53 procent av mobilanvändare lämnar en sida som tar mer än tre sekunder att ladda. För ett e-handelsbolag med miljonomsättning är sidhastighet direkt kopplad till intktäter.

De tre Core Web Vitals och vad de mäter

LCP (Largest Contentful Paint) mäter hur snabbt det största synliga elementet – vanligtvis en hero-bild eller stor rubrik – renderas för användaren. Mål: under 2,5 sekunder. De vanligaste orsakerna till dåligt LCP är icke-optimerade bilder och render-blockerande resurser.

CLS (Cumulative Layout Shift) mäter hur mycket layouten hoppar runt under sidladdning. Mål: under 0,1. Orsaken är ofta bilder utan explicita dimensioner eller fonts som laddas in och påverkar layouten.

INP (Interaction to Next Paint) ersätte FID 2024 och mäter hur snabbt sidan svarar på användarinteraktioner. Mål: under 200 ms. Tunga JavaScript-bibliotek och långsamma event handlers är de vanligaste bovarna.

De fem snabbaste vinsterna för bättre Core Web Vitals

Först: komprimera och omvandla bilder till WebP eller AVIF. Bilder står typiskt för 60–80 procent av en sidas totala vikt. En konvertering till WebP ger 25–35 procent storleksminskning utan synlig kvalitetsförlust.

Andra: lägg till width och height-attribut på alla bildtaggar. Det är den enskilt mest effektiva åtgärden mot dåligt CLS.

Tredje: aktivera Cloudflare eller en CDN-tjänst. Statiska filer serveras närmare användaren, vilket skapar snabbare LCP.

Fjärde: implementera lazy loading på bilder under fold med loading='lazy'-attributet. Webbläsaren laddar bara bilder när de behövs.

Femte: reducera render-blockerande JavaScript. Använd defer och async-attribut på script-taggar och implementera code splitting för att minska initial bundle-storlek.

Så mäter du dina Core Web Vitals

Google PageSpeed Insights är gratisverktyget där du klistrar in en URL och får en rapport med både labbmätvärden och field data från riktiga användare. Google Search Console visar Core Web Vitals aggregerade över din hela sajt med historiska trender. Web.dev/measure erbjuder en djupare teknisk analys med konkreta åtgärdsförslag.