Render-blocking Resources

Les render-blocking resources sont des fichiers CSS et JavaScript qui doivent etre telecharges et traites par le navigateur avant de pouvoir afficher le contenu de la page. Par defaut, le CSS est render-blocking (le navigateur attend le CSSOM complet avant de peindre) et le JavaScript synchrone bloque le parsing du DOM. Ces ressources retardent le First Contentful Paint (FCP) et le Largest Contentful Paint (LCP), degradant les Core Web Vitals. Les solutions incluent : charger le CSS non-critique de maniere asynchrone (media='print' onload), inliner le CSS critique, utiliser defer ou async sur les balises script, charger les scripts tiers en fin de page ou via un tag manager avec deferrement, et utiliser le preload pour les ressources critiques. Google PageSpeed Insights signale specifiquement les render-blocking resources comme probleme a corriger.