BFE.devでのAI解答例 - フロントエンド面接質問
42. Repaint と Reflowの違いは?

Repaint は、要素のスタイルが変更された場合、ブラウザが再描画を行うことを指します。つまり、要素の色や背景などの外観が変更された場合に起こります。

一方、Reflow は、要素のレイアウトが変更された場合、ブラウザがページの再計算を行い、要素の位置やサイズなどを更新することを指します。つまり、要素の位置やサイズが変更された場合や、要素が追加・削除された場合に起こります。

Repaint はReflowよりも高速であるため、パフォーマンスの観点からは、可能な限りRepaintをすることが推奨されます。また、CSSの最適化やJavaScriptの実行タイミングの最適化などを行うことで、Reflowを最小化することができます。