Prestanda-score är ett samlat betyg mellan 0 och 100 som mäter hur snabbt och stabilt din webbplats laddas. Betyget baseras på Googles Core Web Vitals — tre nyckeltal som mäter laddningstid och visuell stabilitet.
Tre metriker som bygger betyget
Prestanda-score beräknas som ett genomsnitt av poäng från tre Web Vitals:
LCP — Largest Contentful Paint
Mäter hur lång tid det tar innan det största synliga elementet (t.ex. en huvudbild eller rubrik) har renderats på skärmen. LCP är det viktigaste måttet på upplevd laddningstid.
Bra: ≤ 2,5 s · Behöver förbättras: ≤ 4,0 s · Dåligt: > 4,0 s
FCP — First Contentful Paint
Mäter hur lång tid det tar innan det första synliga innehållet (text, bild eller SVG) visas på skärmen. FCP visar hur snabbt besökaren ser att något händer efter att ha klickat på länken.
Bra: ≤ 1,8 s · Behöver förbättras: ≤ 3,0 s · Dåligt: > 3,0 s
CLS — Cumulative Layout Shift
Mäter hur mycket sidans layout hoppar eller flyttas under laddning. Ett högt CLS-värde innebär att element (bilder, annonser, knappar) förskjuts oväntat — vilket är frustrerande för besökaren.
Bra: ≤ 0,1 · Behöver förbättras: ≤ 0,25 · Dåligt: > 0,25
Hur beräknas poängen?
Varje metrik ger ett delpoäng mellan 0 och 100 baserat på Googles tröskelvärden. Slutbetyget är genomsnittet av alla tillgängliga delpoäng.
| Metrik | Bra | OK | Dåligt |
|---|---|---|---|
| LCP | ≤ 2 500 ms → 100p | ≤ 4 000 ms → 50–100p | > 4 000 ms → 0–50p |
| FCP | ≤ 1 800 ms → 100p | ≤ 3 000 ms → 50–100p | > 3 000 ms → 0–50p |
| CLS | ≤ 0,1 → 100p | ≤ 0,25 → 50–100p | > 0,25 → 0–50p |
Om till exempel din sidas genomsnittliga LCP är 2 000 ms (100p), FCP är 1 500 ms (100p) och CLS är 0,15 (67p), blir din prestanda-score: (100 + 100 + 67) ÷ 3 ≈ 89.
Så mäts Web Vitals tekniskt
Qvickos spårningspixel samlar in Web Vitals direkt från varje besökares webbläsare med hjälp av webbstandard-API:er:
- Navigation Timing API — Ger laddningstid och TTFB (Time to First Byte) via
PerformanceNavigationTiming. - Paint Timing API — Ger FCP-värdet via
performance.getEntriesByType("paint"). - PerformanceObserver — Lyssnar på
largest-contentful-paintochlayout-shifthändelser för LCP och CLS.
Pixeln väntar 100 ms för att låta webbläsaren stabiliseras, och ytterligare 1 000 ms för att LCP- och CLS-observatörer ska rapportera in sina värden. Genomsnittsvärden beräknas sedan på servern över alla sidvisningar i den valda perioden.
Verkliga värden, inte simulerade
Till skillnad från verktyg som Google Lighthouse (som kör simulerade tester) visar Qvickos prestanda-score data från riktiga besökare i riktiga nätverksförhållanden. Det ger en mer representativ bild av användarupplevelsen.
Tips för att förbättra din score
- Optimera bilder — Använd rätt bildformat (WebP) och storlek. Stora bilder är den vanligaste orsaken till hög LCP.
- Ange dimensioner — Ge alla bilder och iframes en fast bredd och höjd för att minska CLS.
- Minimera blockerande resurser — Ladda CSS och JavaScript asynkront där det är möjligt.