本文へスキップ
BecomeCoder
Wiki一覧コース一覧

レンダリング

最終更新: 2026年8月8日

レンダリング は、HTMLCSS の指示を解釈して、実際に目に見える画面を描き出す 処理のことです。主に ブラウザ が行います。

ブラウザ内部では、おおよそ次の順で画面ができあがります。

  1. HTMLを解析して DOM(構造)を作る。
  2. CSSを解析して、各要素の見た目を決める。
  3. 位置と大きさを計算する(レイアウト)。
  4. 実際にピクセルを塗る(ペイント)。

この処理を どこで行うか によって、SSRとCSR に分かれます。

レンダリングの速さは、使い勝手だけでなく SEO(検索エンジン最適化) にも影響します。検索エンジンはページの表示速度や、内容をたどれるかを評価に加えるためです。表示が速く、内容が正しく読み取れるページほど、検索でも有利になりやすい——だからこそ、レンダリングの方式選びは重要な設計判断になります。

← Wiki一覧に戻る