Partial Hydration
ELI5 — The Vibe Check
Partial Hydration is the art of only making interactive the parts of your page that actually need to be interactive. Why hydrate a static paragraph? Just leave it as HTML. Only spend JavaScript budget on the parts users click, type, or interact with.
Real Talk
Partial Hydration is a rendering strategy where only specific interactive components on a server-rendered page receive client-side JavaScript hydration. Static portions remain as plain HTML, reducing JavaScript payload and Time to Interactive by avoiding unnecessary client-side processing.
When You'll Hear This
"Partial hydration cut our JS bundle by 70% on content pages" / "Astro and Qwik both support partial hydration out of the box"
Related Terms
Islands Architecture
Islands Architecture treats your page like an ocean of static HTML with little islands of interactivity.
Progressive Enhancement
Progressive Enhancement is the philosophy of building the basics first (HTML that works), then layering on CSS and JavaScript like frosting on a cake.
Qwik
Qwik is the ultimate procrastinator framework, and that's a compliment. It loads absolutely nothing until you actually interact with something.