Qu'est-ce que les ressources bloquantes (Render-Blocking)?
Les ressources render-blocking sont des fichiers CSS ou JavaScript qui empêchent l'affichage rapide de la page.
Les ressources render-blocking sont des fichiers (CSS, JS) que le navigateur doit télécharger et exécuter avant d'afficher le contenu.
Solutions
- ●Différer le JS non critique (
defer,async) - ●Inliner le CSS critique
- ●Charger les polices en async
Impact SEO
Réduire les ressources bloquantes améliore le FCP et le LCP.
Termes connexes
Qu'est-ce que les Core Web Vitals?
Les Core Web Vitals sont 3 métriques Google mesurant la vitesse, la réactivité et la stabilité visuelle d'une page web.
Qu'est-ce que le CLS (Cumulative Layout Shift)?
Le CLS mesure la stabilité visuelle d'une page. Un mauvais CLS signifie que les éléments bougent pendant le chargement.
Qu'est-ce que le LCP (Largest Contentful Paint)?
Le LCP mesure le temps de chargement du plus grand élément visible d'une page. Objectif : moins de 2.5 secondes.
Qu'est-ce que la Vitesse de Chargement?
La vitesse de chargement mesure le temps nécessaire pour afficher complètement une page web. C'est un facteur de classement Google.
Qu'est-ce que le Lazy Loading?
Le lazy loading est une technique qui retarde le chargement des images et vidéos jusqu'à ce qu'elles soient visibles à l'écran.
Qu'est-ce que Google Lighthouse?
Lighthouse est un outil Google qui audite la performance, l'accessibilité, le SEO et les bonnes pratiques d'une page web.