Glossary · Web技術

CSRとは?

CSRはブラウザ上でJavaScriptがHTMLを生成する方式。SPAでは主流だが、初回表示とSEOで不利。管理画面など認証後のコンテンツ向き。

公開: 2026年4月19日2分で読める

CSRとは?

CSR(Client-Side Rendering) は、ブラウザでJavaScriptがHTMLを生成する方式。SPA(Single Page Application)の標準的な方式で、ページ遷移が高速ですが、初回表示が遅くSEOでも不利です。

CSRのメリット

  • ページ遷移が超高速
  • サーバー負荷が低い
  • リアルタイム性の高いUI

デメリット

  • 初回表示が遅い(JSダウンロード必要)
  • SEOに不利(検索エンジンがJS実行しないと読めない)
  • LLMOでも引用されにくい

使い分け

認証後の管理画面・ダッシュボードなど、SEO不要なページに最適。公開ページはSSG/ISR/SSRを選ぶべき。

関連用語

Tufe Companyのソリューション

関連キーワード

CSRSPAReact

Ready to Start?

自社でもこの戦略を実行したい方へ

Tufe Companyが戦略立案から実装までワンストップで支援します。
まずは無料相談で現状ヒアリングから。

無料で相談する