Définition
Le JavaScript rendering est au coeur des problématiques SEO modernes. Il existe deux approches principales : le Client-Side Rendering (CSR), ou le navigateur telecharge un shell HTML minimal puis exécuté le JS pour afficher le contenu, et le Server-Side Rendering (SSR), ou le serveur génère le HTML complet avant de l'envoyer. Google utilise un système de rendu en deux phases : d'abord l'indexation du HTML brut, puis le rendu JavaScript dans une file d'attente séparée (Web Rendering Service). Ce délai peut aller de quelques secondes a plusieurs jours. Les sites qui dépendent du CSR pour afficher leur contenu principal risquent des retards d'indexation et un contenu partiellement indexé. Le SSR, le pré-rendering ou le rendu hybride (ISR) sont les solutions recommandées.
Points clés à retenir
- Le CSR peut causer des retards d'indexation de plusieurs jours
- Le SSR garantit que le contenu est disponible immédiatement pour les bots
- Google utilise un Web Rendering Service (WRS) base sur Chrome pour exécuter le JS
Exemples concrets
CSR problématique
Un site React en CSR pur constaté que Google n'indexé que le shell HTML vide. Le contenu principal, charge via des appels API après le chargement, n'apparaît pas dans les SERPs pendant des semaines.
Migration vers SSR
Après migration de CSR vers SSR avec Next.js, un site voit ses pages indexées en moins de 24h au lieu de 2 semaines, avec une couverture d'indexation passant de 60% a 98%.
Questions fréquentes
Google utilise une version récente de Chrome (evergreen Chromium) pour le rendu JS. Il peut exécuter la plupart du JavaScript moderne, mais avec des limites : timeout de rendu, pas d'interaction utilisateur simulee, et un délai de mise en file d'attente avant le rendu.
Le CSR n'est pas idéal pour le SEO du contenu principal. Cependant, il est acceptable pour les éléments non-essentiels (widgets, commentaires). La meilleure approche est un rendu hybride : SSR pour le contenu principal, CSR pour les éléments interactifs.
Termes liés
Aller plus loin avec LemmiLink
Découvrez comment LemmiLink peut vous aider à mettre en pratique ces concepts SEO.
Dernière mise à jour : 2026-02-07