# Hydration

> Der Schritt, in dem JavaScript im Browser das serverseitig gerenderte HTML übernimmt und interaktiv macht.

Server-Rendering bringt lesbaren Inhalt schnell auf den Schirm. Hydration ist, was danach kommt: Das Framework lädt, führt den Komponentenbaum erneut aus, gleicht ihn mit dem vorhandenen Markup ab und hängt die Event-Handler an. Bis das fertig ist, sieht die Seite bereit aus und ist es nicht — Buttons sind sichtbar und tun nichts, was ein schlechteres Erlebnis ist als ein ehrlicher Spinner.

Zwei Fehlerbilder lohnen sich zu kennen. Ein Mismatch, bei dem Server und Client uneins sind, was dort stehen sollte, erzeugt einen Konsolenfehler und ein erneutes Rendern — alles, was von der aktuellen Zeit, einem Zufallswert oder dem Fenster abhängt, löst ihn aus. Und eine überhydrierte Seite liefert Interaktivität für Komponenten, die sie nie brauchten; deshalb lautet die nützliche Frage, welche Teile einer Seite wirklich lebendig sein müssen.

## Verwandte Begriffe

- https://dfieldsolutions.com/de/glossar/static-generation.md
- https://dfieldsolutions.com/de/glossar/core-web-vitals.md
- https://dfieldsolutions.com/de/glossar/lcp.md

---

Source: https://dfieldsolutions.com/de/glossar/hydration
DField Solutions — Dunakeszi, Hungary — dezso@dfieldsolutions.com
Booking: see https://dfieldsolutions.com/en/contact