Web Programming

A method where the server generates the full HTML before sending it to the browser.

SSR (Server-Side Rendering)

SSR (Server-Side Rendering) は、WebページのHTMLをサーバー側で完成させてからブラウザに送る仕組みです。

通常のWebサイトでは、ユーザーがページを開くと、サーバーからほとんど空のHTMLとJavaScriptのファイルが送られ、ブラウザがJavaScriptを実行してページの内容を作ります(これをクライアントサイドレンダリングといいます)。

一方でSSRでは、サーバーがすでに完成したHTMLを作って返すため、ブラウザは届いたHTMLをそのまま表示できるのが特徴です。

主なポイント

仕組みのイメージ

  1. ユーザーがWebページを開く
  2. サーバーが必要なデータを集めて、完成したHTMLを作成
  3. 完成したHTMLをブラウザに送信
  4. ブラウザは受け取ったHTMLをすぐに表示