大規模で複雑なレイアウトとレイアウトのスラッシングを回避する | Articles | web.dev

大規模で複雑なレイアウトとレイアウトのスラッシングを回避する コレクションでコンテンツを整理 必要に応じて、コンテンツの保存と分類を行います。 レイアウトは、要素の幾何学的情報（要素のサイズやページ内での位置）をブラウザが把握する場所です。各要素には、使用された CSS、要素の内容、親要素に基づいて、明示的または暗黙的なサイズ設定情報が含まれます。このプロセスは、Chrome ではレイアウトと呼ばれます。 レイアウトは、要素の幾何学的情報、要素のサイズ、ページ内での位置をブラウザが判断する場所です。各要素には、使用された CSS、要素の内容、親要素に基づいて、明示的または暗黙的なサイズ設定情報が含まれます。このプロセスは、Chrome（および Edge などの派生ブラウザ）、Safari ではレイアウトと呼ばれます。Firefox ではリフローと呼ばれますが、プロセスは実質的に同じです。

[kitokitoki]

flexbox はレイアウト/リフローのコストが低い、とのこと。