Connor Clark
公開日: 2025 年 10 月 8 日
強制リフローは、DOM の状態の変更によってスタイルが無効化された後に JavaScript が幾何学的プロパティ（offsetWidth など）をクエリしたときに発生します。これにより、ブラウザはレイアウトをすぐに実行する必要が生じ、スクリプトの実行が中断されてパフォーマンスが低下します。
強制リフローを引き起こすコードの例:
強制リフローが連続して発生することを「レイアウト スラッシング」と呼びます。
この分析情報を渡す方法
- 読み取りの直前に行われる DOM ジオメトリの書き込みの量を回避するか、少なくとも減らします。
- 30 ミリ秒を超える強制リフローがない。