Ajustement forcé de la mise en page
Restez organisé à l'aide des collections
Enregistrez et classez les contenus selon vos préférences.
Publié le 8 octobre 2025
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 force le navigateur à effectuer immédiatement une mise en page, ce qui interrompt l'exécution du script et entraîne de mauvaises performances.
Voici un exemple de code qui provoque un reflow forcé :
Le thrashing de mise en page désigne le fait de forcer plusieurs reflows à la suite.
Ignorer cet insight
- Évitez, ou du moins réduisez, le nombre d'écritures de géométrie DOM effectuées juste avant les lectures.
- Ne pas avoir de reflows forcés qui prennent plus de 30 millisecondes.
Autres références
Sauf indication contraire, le contenu de cette page est régi par une licence Creative Commons Attribution 4.0, et les échantillons de code sont régis par une licence Apache 2.0. Pour en savoir plus, consultez les Règles du site Google Developers. Java est une marque déposée d'Oracle et/ou de ses sociétés affiliées.
Dernière mise à jour le 2025/10/08 (UTC).
[[["Facile à comprendre","easyToUnderstand","thumb-up"],["J'ai pu résoudre mon problème","solvedMyProblem","thumb-up"],["Autre","otherUp","thumb-up"]],[["Il n'y a pas l'information dont j'ai besoin","missingTheInformationINeed","thumb-down"],["Trop compliqué/Trop d'étapes","tooComplicatedTooManySteps","thumb-down"],["Obsolète","outOfDate","thumb-down"],["Problème de traduction","translationIssue","thumb-down"],["Mauvais exemple/Erreur de code","samplesCodeIssue","thumb-down"],["Autre","otherDown","thumb-down"]],["Dernière mise à jour le 2025/10/08 (UTC)."],[],[]]
