Ajustement forcé de la mise en page

PageSpeed avertit en cas d' Ajustement forcé de la mise en page lorsque JavaScript demande au navigateur d'arrêter le rendu afin de recalculer la taille ou la position d'un élément, ce qui ralentit les performances de la page.

Un ajustement de la mise en page forcé se produit lorsque JavaScript interroge des propriétés géométriques (comme offsetWidth) après que les styles ont été invalidés par une modification de l'état du DOM. Cela peut entraîner de mauvaises performances. En savoir plus sur les ajustements de la mise en page forcés et les stratégies d'atténuation possibles

Comprendre l'ajustement forcé de la mise en page

Un reflow forcé se produit lorsque JavaScript demande au navigateur des détails de mise en page tels que la taille ou la position alors qu'il est encore en train de mettre à jour la page. Le navigateur doit s'arrêter, tout recalculer et renvoyer les informations avant de continuer. Ce type de comportement peut ralentir la page.

Comment améliorer l'ajustement forcé

L'ajustement forcé provient du code de votre thème ou de vos plugins. Idéalement, les développeurs devraient empêcher ce type d'actions afin d'éviter les problèmes de performances.

À l'heure actuelle, WP Rocket ne peut pas résoudre les problèmes d'ajustement forcé.

Cependant, l'utilisation de fonctionnalités telles que Reporter l’exécution du JavaScript ou Chargement différé des fichiers JavaScript pourrait aider à éviter un ajustement si le JavaScript problématique est différé ou retardé jusqu'à ce que le navigateur ait terminé le rendu de la page.