← Lexique

Hydratation

Aussi : hydration

Réactivation côté client d'un HTML rendu au préalable.

L'hydratation est le processus par lequel le JavaScript rattache ses gestionnaires d'événements à un HTML déjà généré — par SSR ou pré-rendu — afin de le rendre interactif. Le document part complet ; le script n'ajoute idéalement que le comportement, pas le contenu.

Pour l'indexation, l'essentiel est que le contenu existe avant l'hydratation. Si titres, texte et liens sont déjà dans le HTML brut, une hydratation lente ou défaillante dégrade surtout l'expérience et l'interactivité, sans effacer ce que le moteur a déjà pu lire.

Le piège survient quand l'hydratation efface, remplace ou masque du contenu initialement servi : le DOM rendu diverge alors du HTML source. Pour l'agence, la vérification consiste à s'assurer que le contenu indexable ne dépend pas de l'achèvement de l'hydratation. Elle est le complément naturel du rendu côté serveur.

Le contenu doit être lisible avant l'étape 4 : l'hydratation n'ajoute que le comportement.
Séquence d'hydratationDonnées anonymisées

Besoin d’appliquer ce concept sur un cas concret ?

Parler de votre prochaine mission