Hydration
A technique used to add interactivity to server-side rendered (SSR) content by attaching JavaScript event handlers to the existing HTML on the client-side. Instead of rendering the HTML on the client-side (which is the standard approach for Client-Side Rendering), the server sends pre-rendered HTML, and JavaScript on the client then 'hydrates' this HTML by binding event handlers and state management. This approach is used by frameworks like Next.js and Nuxt.js. See also Client-Side Rendering (CSR), Server-Side Rendering (SSR).
Related web performance terms
- HAR
A HAR (HTTP Archive format) file is a JSON-formatted log of a web browser's interaction with a site. It contains a detailed, timestamped record of every single network request and response, includi…
- HTML Size
The amount of data (in bytes) that comprises the HTML document sent from the server to the browser. This includes the HTML markup but excludes CSS, JavaScript, images, and other resources.
- HTMLImageElement.prototype.src Setter
This is a sophisticated programming technique used by Speed Kit's algorithm to accurately measure the Largest Contentful Paint (LCP) on complex, JavaScript-heavy sites.
- HTTP/2
HTTP/2 is a major version of the HTTP protocol designed to make websites faster and more efficient. Its key feature is multiplexing, which allows a browser to download multiple resources (like CSS…