最終更新日：
SSRとは、画面の中身をサーバーの側で組み立ててから、ブラウザへ送る作り方です。
SSRは Server Side Rendering の略です。利用者がページを開くたびに、サーバーがデータを読み込んでHTMLを組み立て、完成した形でブラウザへ送ります。ブラウザの側で画面を組み立てる作り方（クライアントサイドレンダリング）と対になる言葉です。Next.js などのフレームワークが対応しています。
最初の表示が速くなりやすく、検索エンジンや生成AIのサービスにも内容が伝わりやすくなります。在庫や価格のように内容がよく変わるページや、利用者ごとに内容が変わるページを、表示の速さを保ちながら作りたい場面で選ばれます。PHPで組み立てるページも、しくみとしてはSSRにあたります。
ページを開くたびにサーバーで処理を行うため、利用者が増えるとサーバーの負荷と費用が増えます。内容があまり変わらないページは、あらかじめHTMLを作っておく静的な生成のほうが軽く済みます。ページごとに作り方を選べるフレームワークもあります。
画面をどこで、いつ組み立てるか
- SSRページを開くたびに、サーバーがHTMLを組み立てて送ります
- ブラウザの側ブラウザの側で画面を組み立てます（クライアントサイドレンダリング）
- 静的な生成あらかじめHTMLを作っておきます。内容があまり変わらないページは軽く済みます
SSRは、利用者が増えるとサーバーの負荷と費用が増えます。ページごとに作り方を選べるフレームワークもあります