🦣

CSR、SSR、SSGの違いを簡単にまとめる

2024/09/06に公開

CSR

クライアント側でjavaScriptを使用してページをレンダリングする。
初回ロードは速いが、コンテンツの表示には時間がかかることがある。(ユーザーにとっては遅く感じるかも)
一度ロードされるとページ間の遷移がスムーズです。
SEOによわい。

SSR

サーバー側でHTMLを生成し、クライアントに送信する。
初回ロードが速く、ユーザーがすぐにコンテンツを見ることができる。javaScriptはあとからロードされる。
ページ移動時にリクエストが発生するため、遅延が生じることがある。
SEOにつよい(サーバーで完全なHTMLを生成するため)

SSG

ビルド時に静的HTMLを生成し、サーバー配置する。
事前に生成されたHTMLが返却されるため非常に高速。
パフォーマンスが高く、スケーラビリティが良い。コストが低い。
コンテンツの更新がリアルタイムではない。頻繁に更新が必要なサイトには不向き。
SEOに強い

Discussion