SSR & CSR
Server Side Render (SSR)
在 server 端透過 template 加上 data,將網頁產生
優點:
- SEO 較佳: 在 server 端就產生好頁面,爬蟲可直接抓取
- Faster Time-to-content: 不需等 js 下載完畢就能到內容
缺點:
- 使用者體驗不佳: 須重新 reload 頁面才能拿到新的頁面
Client Side Render (CSR)
主要是把 render 從 server side 搬到 client side
server 端傳回的網頁,只會包含頁面基本骨架和所需 js,browser 取得網頁,透過下載 js 去 call api 拿到頁面上所需資料,render 畫面
優點:
- render 速度快
缺點:
- SEO 差
- 初次讀取久