レンダリング は、HTML や CSS の指示を解釈して、実際に目に見える画面を描き出す 処理のことです。主に ブラウザ が行います。
ブラウザ内部では、おおよそ次の順で画面ができあがります。
- HTMLを解析して DOM(構造)を作る。
- CSSを解析して、各要素の見た目を決める。
- 位置と大きさを計算する(レイアウト)。
- 実際にピクセルを塗る(ペイント)。
この処理を どこで行うか によって、SSRとCSR に分かれます。
レンダリングの速さは、使い勝手だけでなく SEO(検索エンジン最適化) にも影響します。検索エンジンはページの表示速度や、内容をたどれるかを評価に加えるためです。表示が速く、内容が正しく読み取れるページほど、検索でも有利になりやすい——だからこそ、レンダリングの方式選びは重要な設計判断になります。