Stan Blog

學習過程中的一些記錄

SSR & CSR

Server Side Render (SSR)

在 server 端透過 template 加上 data,將網頁產生

優點:

  1. SEO 較佳: 在 server 端就產生好頁面,爬蟲可直接抓取
  2. Faster Time-to-content: 不需等 js 下載完畢就能到內容

缺點:

  1. 使用者體驗不佳: 須重新 reload 頁面才能拿到新的頁面

Client Side Render (CSR)

主要是把 render 從 server side 搬到 client side

server 端傳回的網頁,只會包含頁面基本骨架和所需 js,browser 取得網頁,透過下載 js 去 call api 拿到頁面上所需資料,render 畫面

優點:

  1. render 速度快

缺點:

  1. SEO 差
  2. 初次讀取久

Comments

comments powered by Disqus