Hydrering

Når JavaScript kobler sig på den færdige HTML i browseren, så statiske elementer bliver interaktive.

Hydrering er det, der sker mellem at siden er synlig, og at den reagerer på klik. Er der for meget JavaScript at køre, opstår det ubehagelige mellemrum, hvor siden ser klar ud, men ikke virker.

Moderne frameworks kan hydrere delvist, så kun de dele, der skal være interaktive, får JavaScript. Det er en af hovedårsagerne til, at vi bygger indholdssider i Astro frem for i en fuld SPA.

I praksis

Vil I se, hvordan vi arbejder med hydrering? Det hører til under Web.

Relaterede begreber

Core Web Vitals
Headless
INP
LCP
404-side
Accessibility