SSR、CSR 與 React

看到一篇不錯的文章,詳細的介紹了 ssr、csr 的不同與優缺點,還附上了 demo 與 example code Server-Side Rendering with React, Redux, and React-Router 各別優缺點 CSR (Client-Side Rendering) PROS Rich site interactions Fast rendering after the initial load Partial real-time updates »


Server Side Render (SSR) 在 server 端透過 template 加上 data,將網頁產生 優點: SEO 較佳: 在 server 端就產生好頁面,爬蟲可直接抓取 Faster Time-to-content: 不需等 js 下載完畢就能到內容 缺點: 使用者體驗不佳: 須重新 reload 頁面才能拿到新的頁面 Client Side Render (CSR) 主要是把 render 從 server side 搬到 client side »