ブラウザのリフローを最小限にする コレクションでコンテンツを整理 必要に応じて、コンテンツの保存と分類を行います。 筆者: リンゼイ サイモン(UX デベロッパー) 推奨される知識: HTML および JavaScript の基礎知識、CSS の実践的な知識 リフローとは、ウェブブラウザがドキュメントの一部または全体を再レンダリングする目的で、ドキュメント内の要素の位置とジオメトリを再計算する処理のことを指します。リフローはブラウザ内でユーザーの妨げとなる処理のため、リフロー時間の改善方法を理解し、またリフロー時にドキュメントの各種プロパティが及ぼす影響(DOM の深さ、CSS ルールの効率、各種のスタイルの変更)を理解することがデベロッパーにとって有益です。ドキュメント内の 1 つの要素のリフローによって、その親要素のリフローや、その下のすべての要素のリフローも必要になることがあります。