FID – First Input Delay
FID mäter inledande responsivitet – alltså fördröjningen mellan användarens första interaktion med en sida (t.ex. klick, tangenttryckning eller touch) och det ögonblick då webbläsaren faktiskt börjar reagera på den händelsen.
FID fokuserar bara på den första interaktionen och inte på hela användarupplevelsen, vilket är en av anledningarna till att metrikens användning nu minskar till förmån för INP.
Exempel på när FID uppstår:
-
En användare klickar på en länk men inget händer omedelbart eftersom webbläsaren är upptagen med att ladda in eller köra JavaScript.
Varför är FID viktigt?
FID är (eller har varit) viktig eftersom den:
-
Indikerar hur snabbt användaren kan börja interagera med sidan.
-
Påverkar användarupplevelsen direkt, särskilt på mobila enheter eller långsamma nätverk.
-
Har använts som rankingfaktor i Googles sökresultat.
En lång FID signalerar att sidan är långsam på att reagera, vilket kan leda till frustration och högre avvisningsfrekvens.
Googles riktvärden för FID:
-
Bra: ≤ 100 ms
-
Behöver förbättras: 100–300 ms
-
Dåligt: > 300 ms
Hur minskar man FID?
Även om FID är på väg bort, ger följande metoder fortsatt värde i att förbättra initial interaktivitet och även nya metrik som INP:
-
Optimera JavaScript:
-
Minimera mängden och storleken på initiala JS-filer.
-
Använd code splitting för att endast ladda nödvändiga delar.
-
-
Använd asynkron laddning:
-
Ladda icke-kritiska skript med
async
ellerdefer
.
-
-
Förskjuta tunga uppgifter:
-
Dela upp tunga beräkningar i mindre delar som körs asynkront.
-
-
Fördröj icke-nödvändiga uppgifter:
-
Skjut upp vissa funktioner till efter att sidan blivit interaktiv.
-
-
Förhandsladda viktiga resurser:
-
Använd
rel="preload"
för kritiska typsnitt, bilder och skript.
-
Slutsats
First Input Delay är (eller har varit) ett viktigt mått på webbsidors initiala interaktivitet. Det hjälper utvecklare förstå och förbättra hur snabbt en sida svarar på användarens första handling. Även om FID numera ersatts av INP i Googles Core Web Vitals, är de underliggande principerna – att minska belastningen på huvudtråden och förbättra första intrycket – fortsatt avgörande för hög prestanda och god användarupplevelse.