Den som vill göra en webbplats snabbare möter snart en vägg av förkortningar som LCP, CLS, FCP och TTFB. I ”Getting started with Web Performance” på HTMHell reder frontendutvecklaren Alistair Shepherd ut vilka av dem som spelar roll, och han avslutar med tio konkreta råd. Han medger att webbprestanda kan vara knepig, men menar att utvecklare, designer och till och med chefer kan göra skillnad.
För Shepherd är prestanda både en teknisk och en social fråga. En snabb webbplats är mer tillgänglig och trevligare att använda, och den kan ge mer trafik och försäljning. Samtidigt är enligt honom fler än någonsin beroende av webben för viktiga tjänster, och skillnaden mellan den bästa Iphonen och den billigaste mobilen har aldrig varit större.
Tre mått att börja med
Av alla mått lyfter Shepherd fram de tre i Googles Core Web Vitals. LCP mäter hur lång tid det tar innan sidans största innehåll syns, och målet är högst 2,5 sekunder. INP mäter hur snabbt sidan svarar när besökaren klickar, trycker eller skriver, och bör ligga på högst 200 millisekunder. CLS mäter hur mycket innehållet flyttar sig oväntat och bör vara högst 0,1. Gränserna är Googles egna och gäller fortfarande. INP ersatte det äldre måttet FID i Core Web Vitals den 12 mars 2024. Bytet hade Google aviserat när Shepherd skrev artikeln.
Mät först, åtgärda sedan
Som första verktyg rekommenderar Shepherd PageSpeed Insights, som visar ett labbtest och dessutom data från riktiga Chromeanvändare om sidan har tillräckligt många besökare. Förbättringarna som verktyget utlovar ska du dock inte ta för givna. Han räknar också upp bland annat Lighthouse, GTmetrix och WebPageTest. Ett urval av hans övriga råd:
- Testa efter varje större ändring, så att du ser om sidan blev snabbare.
- Börja med bilderna. Komprimera dem, välj format som WebP eller AVIF och skala dem till rätt storlek.
- Använd så lite JavaScript som möjligt och se över tredjepartskod som tagghanterare och analysverktyg.
- Låt webbläsaren cacha filer som CSS och JavaScript, så att återkommande besök går fortare.
- Optimera typsnitten, som enligt Shepherd hör till de vanligaste orsakerna till problem med CLS.
Den som vill gå vidare på svenska hittar många av teknikerna från Shepherds artikel i laddtider.se:s guide om optimering. Verktygsjämförelsen på laddtider.se ställer flera av de verktyg han rekommenderar mot varandra.
Senast faktagranskad: 17 oktober 2026