一覧に戻る
Lv.2

SSR(サーバーサイドレンダリング)

Server Side Rendering

Webサイトの表示内容を、自分の端末ではなくサーバー側で作ってから送る仕組みのこと。

簡単に説明すると

SSRは、Webサイトの情報をサーバーがリクエストを受けたその場で組み立てて、完成した状態で届ける仕組みのことだよ。 例えば、ニュースサイトなどで最新の記事を素早く表示する必要がある際によく使われているんだ。 ブラウザが中身を1から組み立てる手間が省けるため、最初の画面が出るまでの待ち時間が短くなるという特徴があるよ。

名前のヒミツ

SSR(エスエスアール)は、Server(サーバー)、Side(側)、Rendering(描画・表現)を組み合わせた言葉なんだ。 サーバー側で画面を組み立てるという意味で、Webページを表示する時にどこで準備作業をするかに注目した呼び方なんだね。

くわしく見てみよう!

SSRとは、Webサーバーがブラウザからのリクエストを受けて、その場でWebページの画面データを作って送り返す仕組みのことなんだ。
アクセスするたびに内容が変化するサイトでも表示をスムーズにするための手法で、画面を作る処理をサーバーが肩代わりしてくれるんだよ。

ざっくり言うと、レストランで調理済みの料理が届くのがSSRなんだ。
客席で自分で具材を盛り付ける手間がないから、テーブルに置かれた瞬間に食べ始めることができるよね。
これに対して、ブラウザ側で画面を組み立てる方法は、材料だけが届いて席で自分で料理を作るようなイメージなんだよ。

SSRを使うと、検索エンジンがサイトの内容を正しく読み取りやすくなるという利点もあるんだ。
最初から文字や画像が配置された状態でデータが届くから、機械が中身を判断するのが簡単になるんだね。
SNSでURLをシェアした時に、記事の画像やタイトルなどの情報がスムーズに読み取られるのを助ける役割も持っているんだよ。