0Pricing
Sveltejs Academy · Lesson

Progressive Hydration

Hydrate only the parts of the page that need interactivity for faster TTI.

What Hydration Is

Hydration is the process of attaching JS behavior to server-rendered HTML in the browser.

Why Progressive

Full hydration of large pages costs CPU. Progressive hydration prioritizes critical interactivity first.

All lessons in this course

  1. Streaming Data with Promises in load
  2. Deferred Loading and Suspense-Like UX
  3. Streaming from Server with +server.js
  4. Progressive Hydration
← Back to Sveltejs Academy