强制自动重排

Connor Clark
Connor Clark

发布时间:2025 年 10 月 8 日

当 DOM 状态发生更改导致样式失效后,如果 JavaScript 查询几何属性(例如 offsetWidth),会引发强制自动重排。这会强制浏览器立即进行布局,从而中断脚本执行并导致性能不佳。

以下是导致强制重排的代码示例:

快速连续进行多次强制重排称为“布局抖动”

如何传递此分析洞见

  • 避免或至少减少在读取之前进行的 DOM 几何写入量。
  • 没有耗时超过 30 毫秒的强制重排。

其他参考资料