CSRclient side rendering

🐈 WHAT IS CSR?

Client Side Renderingではユーザーがページを開いたタイミングでクライアント側からデータを取得しにいきます。

🌊 DATA FLOW

  1. ユーザーがリクエストを送信する
  2. 動的に取得する箇所の中身の入っていないページが返却される
  3. ページ表示後、ブラウザからAPIにアクセスしてデータを取得/表示する

👍 GOOD

  • 動的部分以外の表示/遷移が早い
  • リアルタイムでデータを取得するので常に最新の情報が表示される

👎 BAD

  • データ取得に時間がかかる
  • SEOに若干不安あり（解決傾向にある）
  • クライアント側でデータ処理を行うため、アクセス元のマシンスペックに影響を受ける
←TOP