CSRとは?

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

CSRのメリット

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

デメリット

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

使い分け

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

関連用語

Tufe Companyのソリューション