Infrastructure & Hosting · AuditJet Glossary
Hydration
The process by which a JavaScript framework attaches event listeners and makes a server-rendered or statically generated HTML page interactive.
Hydration is the phase where a React, Vue, or Svelte app initialises on the client after receiving SSR/SSG HTML. During hydration, JavaScript executes, potentially causing CLS (if the rendered output differs from the server output) and INP delays (if JavaScript tasks are long). Partial hydration and island architecture (used in Astro) minimise hydration overhead.
Related terms
A rendering strategy where all HTML is generated at build time and served as static files — with no server processing per request.
A measure of the largest burst of layout shift scores for every unexpected layout shift that occurs during the entire lifespan of a page.
A Core Web Vital that assesses overall responsiveness by observing the latency of all qualifying interactions throughout the entire page lifecycle and reporting the worst-case value.
Frequently asked questions
What is Hydration?
The process by which a JavaScript framework attaches event listeners and makes a server-rendered or statically generated HTML page interactive.
How does AuditJet measure Hydration?
AuditJet runs automated Google Lighthouse audits that surface Hydration scores alongside actionable fix guidance. You can track Hydration trends across all your pages and receive alerts when the metric regresses.
Monitor Hydration continuously
AuditJet tracks Core Web Vitals on a schedule with revenue impact alerts — powered by Google Lighthouse and Google PageSpeed Insights.
Start Free