強制リフロー
コレクションでコンテンツを整理
必要に応じて、コンテンツの保存と分類を行います。
公開日: 2025 年 10 月 8 日
強制リフローは、DOM の状態の変更によってスタイルが無効化された後に JavaScript が幾何学的プロパティ(offsetWidth
など)をクエリしたときに発生します。これにより、ブラウザはレイアウトをすぐに実行する必要が生じ、スクリプトの実行が中断されてパフォーマンスが低下します。
強制リフローを引き起こすコードの例:
強制リフローが連続して発生することを「レイアウト スラッシング」と呼びます。
この分析情報を渡す方法
- 読み取りの直前に行われる DOM ジオメトリの書き込みの量を回避するか、少なくとも減らします。
- 30 ミリ秒を超える強制リフローがない。
その他の関連情報
特に記載のない限り、このページのコンテンツはクリエイティブ・コモンズの表示 4.0 ライセンスにより使用許諾されます。コードサンプルは Apache 2.0 ライセンスにより使用許諾されます。詳しくは、Google Developers サイトのポリシーをご覧ください。Java は Oracle および関連会社の登録商標です。
最終更新日 2025-10-08 UTC。
[[["わかりやすい","easyToUnderstand","thumb-up"],["問題の解決に役立った","solvedMyProblem","thumb-up"],["その他","otherUp","thumb-up"]],[["必要な情報がない","missingTheInformationINeed","thumb-down"],["複雑すぎる / 手順が多すぎる","tooComplicatedTooManySteps","thumb-down"],["最新ではない","outOfDate","thumb-down"],["翻訳に関する問題","translationIssue","thumb-down"],["サンプル / コードに問題がある","samplesCodeIssue","thumb-down"],["その他","otherDown","thumb-down"]],["最終更新日 2025-10-08 UTC。"],[],[]]