Réduisez le travail du thread principal
J'ai activé toutes les optimisations JavaScript de WP Rocket, pourquoi est-ce que je vois encore cette recommandation dans PageSpeed ?
Le thread principal du navigateur traite tous les scripts et styles nécessaires à l'affichage de la page web. Lorsqu'il a trop de travail à faire, le thread est bloqué, ce qui retarde le chargement de la page et la rend inactive.
Ce diagnostic PageSpeed Insights signalera les pages qui gardent le thread principal occupé pendant plus de 4 secondes pendant le chargement et affichera une répartition du temps CPU passé pendant que le navigateur charge votre page :
Comment réduire au minimum le travail du thread principal avec WP Rocket ?
Dans ce diagnostic, PageSpeed Insights comporte des sections basées sur les catégories que Lighthouse rapporte. Voyons quelles sont les options de WP Rocket qui peuvent être utiles dans chaque section :
Script evaluation
- Minifier et combiner le CSS & Minifier et combiner les JS
- Reporter l’exécution JavaScript
- Add-on Google Tracking & Add-On Facebook Pixel
Style and layout & Rendering
WP Rocket ne peut pas aider ici car elle est liée au DOM et à la structure de la mise en page. Plus de détails dans ces articles :
- Reduce the scope and complexity of style calculations
- Avoid large, complex layouts and layout thrashing
Parsing HTML and CSS
Script parsing and compilation
Garbage Collection
WP Rocket ne peut pas aider ici non plus car c'est le temps que Chrome passe à collecter l'utilisation de la mémoire : https://web.dev/monitor-total-page-memory-usage/
Vous trouverez plus de détails - en Anglais - sur ces sections ici : https://web.dev/mainthread-work-breakdown/