Kort fortalt: Brug det til at dokumentere hvorfor tredjeparts-scripts ødelægger INP : hvilken host, hvilken fil, hvilket tidssegment.
Hvis du er ny på området
Hver hentet ressource (script, font, billede, XHR) kan have sin egen varighed og deltid – DNS, ventetid, download. Resource Timing API gør det muligt at læse det fra JavaScript i feltet, så I kan sige «det er denne fil på det domæne der trækker», ikke bare at siden føles tung.
Privatliv og CORS
Cross-origin ressourcer kan maskere detaljer medmindre Timing-Allow-Origin er sat. Planlæg instrumentation med GDPR i tankerne.
Pr. ressource: hvem er langsom
Resource Timing eksponerer varighed og timing for hver hentet fil (med visse begrænsninger for cross-origin uden Timing-Allow-Origin). Brug det til at finde tunge scripts, fonts og API-kald der forsinker interaktion.
Aggreger i percentiler: medianen skjuler ofte mobile outliers der lider mest.
Tredjeparts domæner
Når et analytics- eller marketing-script dominerer varighedslisten, er det et konkret forhandlingsgrundlag med leverandøren eller et argument for self-hosting/async.
Se efter redirect-kæder på ressourcer - de tæller med i brugerens ventetid.
Integration med observability
Send aggregerede metrics til jeres APM - ikke rå lists af tusind ressourcer pr. sidevisning. Brug triggers når bestemte skabeloner regresserer.
Respekter at nogle browsere begrænsner præcision for at mitigere timing attacks.
Videre på sitet
- Tredjeparts-scripts og hastighed – strategi og prioritering.
- Forbedr INP – reducer JavaScript – når scripts dominerer.
- Waterfall-analyse – manuel gennemgang i værktøjer.
FAQ
Kan jeg erstatte DevTools?
Nej - det supplerer med feltdata fra rigtige brugere.
Næste skridt fra begreb til handling
Guides og blogindlæg der matcher begrebets emne - ud fra fælles tags og sidens fokus.
Fjern eller udsæt tunge tredjeparts scripts uden at ødelægge funktionalitet
Følg en praktisk guide til at finde, vurdere og udsætte tredjeparts scripts, så de ikke ødelægger LCP, INP og den samlede brugeroplevelse.
Sådan finder du lange tasks i DevTools og forbedrer INP
Lær hvordan du bruger DevTools til at finde lange tasks, tunge event handlers og JavaScript der gør siden træg at bruge.
Optimer cookie banner uden CLS og INP problemer
Lær hvordan du bygger eller justerer cookie bannere, så de ikke skubber indhold, blokerer interaktion eller gør siden tungere end nødvendigt.
Hvordan tredjeparts scripts gør din hjemmeside langsom
Få overblik over hvordan chat widgets, tracking, consent, video embeds og andre tredjeparts scripts påvirker LCP, INP, CLS og TTFB.
Cookie banner og Core Web Vitals: den oversete årsag til dårlig brugeroplevelse
Se hvordan cookie bannere og consent scripts kan påvirke load, layout og interaktion, og lær hvordan du undgår at de ødelægger brugeroplevelsen.
Sådan læser du en waterfall og finder flaskehalse i load
Lær at læse en waterfall korrekt og find problemer med TTFB, LCP, render blocking og tredjepart, så du kan prioritere den rigtige optimering.
