強制リフロー

Connor Clark
Connor Clark

公開日: 2025 年 10 月 8 日

強制リフローは、DOM の状態の変更によってスタイルが無効化された後に JavaScript が幾何学的プロパティ(offsetWidth など)をクエリしたときに発生します。これにより、ブラウザはレイアウトをすぐに実行する必要が生じ、スクリプトの実行が中断されてパフォーマンスが低下します。

強制リフローを引き起こすコードの例:

強制リフローが連続して発生することを「レイアウト スラッシング」と呼びます。

この分析情報を渡す方法

  • 読み取りの直前に行われる DOM ジオメトリの書き込みの量を回避するか、少なくとも減らします。
  • 30 ミリ秒を超える強制リフローがない。

その他の関連情報