強制自動重排

Connor Clark
Connor Clark

發布日期:2025 年 10 月 8 日

如果 JavaScript 在樣式因 DOM 狀態變更而失效後查詢幾何屬性 (例如 offsetWidth),就會強制自動重排。這會強制瀏覽器立即進行版面配置,中斷指令碼執行作業,導致效能不佳。

導致強制重排的程式碼範例:

快速連續強制重排稱為「版面配置顛簸」

如何通過這項深入分析

  • 請避免或至少減少在讀取前寫入 DOM 幾何圖形的次數。
  • 沒有超過 30 毫秒的強制重排。

其他參考資料