Échec de la connexion. Veuillez réessayer.

Aller au contenu
SEO Tools
Aide et documentation
Vitesse Impact élevé Moyen 30 à 60 minutes

Ressources bloquant le rendu

CSS et JS dans la tête qui retardent le premier rendu.

Ce que c’est

Les ressources bloquant le rendu sont des fichiers (généralement CSS et JS synchrone dans <head>) que le navigateur doit télécharger et traiter avant de restituer le contenu. Jusque-là, l'utilisateur ne voit rien.

Pourquoi c’est important

Ils sont la cause la plus fréquente d’un premier rendu lent et d’un mauvais LCP. Plus il y en a et plus ils sont volumineux, plus le contenu met du temps à apparaître.

Comment faire

  1. 1Différer les scripts via defer/async.
  2. 2Identifiez les « CSS critiques » (styles pour la partie visible) et intégrez-les, en chargeant le reste de manière asynchrone.
  3. 3Combinez et réduisez les fichiers CSS/JS, supprimez les styles inutilisés.
  4. 4Chargez des polices externes avec font-display : échangez-les et préchargez-les.

Conclusion

L’objectif est de délivrer du contenu visible le plus tôt possible et de différer tout le reste. Commencez par différer les scripts (un gain rapide) et optimiser le CSS (CSS critique). Ce domaine a un impact direct sur LCP – une métrique que Google suit.

Sujets liés