Emner / javascript
JavaScript driver interaktivitet, men er også den primære kilde til tunge opgaver på main thread - med direkte konsekvens for INP og oplevet respons. Under dette emne finder du guides om code splitting, reduktion af tredjepart og praktisk brug af Performance-panelet til at finde long tasks.
Vi lægger vægt på at skelne mellem “for meget JS sendt over netværket” og “for meget JS der kører på forkert tidspunkt”. Nogle problemer løses med lazy loading af features, andre kræver refactoring af handlers eller udskiftning af tunge biblioteker. Indholdet giver dig kriterier for at vælge.
JavaScript berører også LCP og render-blocking: store bundles kan udskyde parsing og påvirke hvornår kritisk indhold vises. Derfor er krydslinks til emner som render-blocking og LCP naturlige næste skridt.
Målgruppen er både udviklere og teknisk ansvarlige der skal prioritere backlog. Du får en ramme for at dokumentere før/efter og kommunikere hvorfor fx et analytics-script ikke kan forblive i top af siden uden omkostning.
Vær opmærksom på at hydration i frameworks kan skjule “for meget JS” i første omgang: siden kan se statisk ud, men stadig være tung når interaktivitet tændes. Mål derfor også efter interaktion, ikke kun efter load-event.
Eksterne kilder du kan bruge til at validere målinger: PageSpeed Insights, web.dev Vitals og DevTools Performance.
Start her
- Fjern eller udsæt tunge tredjeparts scripts uden at ødelægge funktionalitet - seneste guide i emnet
- Hvordan tredjeparts scripts gør din hjemmeside langsom - seneste blogindlæg i emnet
- Slå relaterede begreber op i ordbogen
Relaterede begreber (ordbog)
Guides
Guide
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.
Guide
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.
Guide
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.
Guide
Forbedr INP ved at reducere JavaScript og lange tasks
Få bedre interaktivitet ved at trimme JavaScript, splitte bundles og fjerne lange tasks, der gør siden langsom at bruge.
Guide
Fjern render blocking CSS og JavaScript for hurtigere første visning
Lær hvordan du reducerer render blocking fra CSS og JavaScript, så siden viser indhold hurtigere og giver bedre FCP og LCP.
Blogindlæg
Blog
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.
Blog
Cookie banner og Core Web Vitals
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.
Blog
INP vs FID
Lær hvorfor INP har erstattet FID, hvad forskellen betyder i praksis, og hvordan du finder og løser JavaScript-problemer, der gør siden tung at bruge.
Blog
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.
Blog
5 grunde til at din hjemmeside er langsom og hvad du gør ved det
Se de mest almindelige årsager til en langsom hjemmeside, hvordan du spotter dem, og hvilke ændringer der typisk giver mest effekt først.
Fortsæt i emneklyngen
Gå videre til relaterede sidetyper for at dække emnet fra flere vinkler.