发布时间:2025 年 10 月 8 日
当 DOM 状态发生更改导致样式失效后,如果 JavaScript 查询几何属性(例如 offsetWidth
),会引发强制自动重排。这会强制浏览器立即进行布局,从而中断脚本执行并导致性能不佳。
以下是导致强制重排的代码示例:
如何传递此分析洞见
- 避免或至少减少在读取之前进行的 DOM 几何写入量。
- 没有耗时超过 30 毫秒的强制重排。
发布时间:2025 年 10 月 8 日
当 DOM 状态发生更改导致样式失效后,如果 JavaScript 查询几何属性(例如 offsetWidth
),会引发强制自动重排。这会强制浏览器立即进行布局,从而中断脚本执行并导致性能不佳。
以下是导致强制重排的代码示例:
如未另行说明,那么本页面中的内容已根据知识共享署名 4.0 许可获得了许可,并且代码示例已根据 Apache 2.0 许可获得了许可。有关详情,请参阅 Google 开发者网站政策。Java 是 Oracle 和/或其关联公司的注册商标。
最后更新时间 (UTC):2025-10-08。