Hydration

Hydration — ausführlicher erklärt

Klassische SSR-Frameworks wie React, Vue oder Svelte liefern beim ersten Request fertiges HTML — Nutzer sehen sofort etwas, LCP ist gut. Damit Buttons klickbar werden und State funktioniert, lädt der Browser zusätzlich das JavaScript-Bundle und „hydratisiert” das HTML: Event-Handler werden angehängt, Komponenten-State aufgebaut, Virtual DOM mit dem realen DOM abgeglichen.

Das hat einen Performance-Preis: Hydration blockiert kurz den Hauptthread und kann INP verschlechtern. Moderne Antworten darauf sind Partial Hydration (nur interaktive Inseln hydratisieren — wie Astros Islands), Selective/Progressive Hydration (priorisiert nach Sichtbarkeit) und Resumability (Qwik überspringt Hydration komplett).

Beispiel / Praxisbezug

Eine Astro-Seite mit drei <Counter client:visible />-Komponenten hydratisiert nur diese drei Inseln, sobald sie in den Viewport scrollen — der restliche statische HTML-Inhalt bleibt JavaScript-frei.

Abgrenzung zu ähnlichen Begriffen

SSR ist Voraussetzung für Hydration; ohne vorab gerendertes HTML gibt es nichts zu hydratisieren (das wäre dann CSR). Resumability (Qwik) ist die Gegenposition: serialisierten Zustand wieder aufnehmen, statt erneut aufzubauen.

Entdecke mehr

Glossar

JavaScript SEO

Disziplin innerhalb des technischen SEO, die sicherstellt, dass JavaScript-gerenderte Inhalte von Suchmaschinen korrekt gecrawlt, gerendert und indexiert werden.

Lexikon

Technisches SEO — was Google wirklich crawlen, rendern und indexieren muss

Wie Crawl-Budget, Robots, Sitemap, JS-Rendering, Indexierung, Canonical und Core Web Vitals zusammenspielen — der vollständige Bogen für produktive Sites.

News

Google Search Central Live Toronto 2026 — was Google offiziell zur Zukunft der Suche sagt

Information Gain als neues Leitbild, Google-Extended klar eingeordnet, AI Mode mit 93 % Zero-Click. Die wichtigsten Aussagen aus Toronto.

Themenuebersicht

Technisches SEOJavaScript SEO