Mike Liu因為 CSR 是loading 完才會渲染頁面(渲染前是只有骨架內容,而這也是被詬病的 SEO 問題由來)
但 SSR 卻是先將頁面渲染的內容處理好後,直接 output 頁面完整內容。也就是loading 完成=渲染完成
有沒有推薦的link、網站、YT有詳細介紹這一段的過程?
我對這部份的骨架內容的意思、render的行為有蠻多困惑,
應該是哪個細節認知不對,才讓我總覺得第一頁應該時間相同。
M M 如果你熟 PHP laravel,那麼拿 laravel-mix 來實現 laravel-mix + vue,由 laravel blade 實現 SSR,再由 Vue.js + app.js 實現CSR。 這個實作的過程應該就會令你印象深刻 檢視原始碼 前者 載入完成即渲染完成 <div> <ul> <li>1</li> <li>2</li> <li>3</li> </ul> </div> 後者 載入完成後才開始渲染 <div id="app"> <!-- route outlet --> <!-- component matched by the route will render here --> <router-view></router-view> </div>D
李
M Link
click to show時間點完全不同 XD,前者完全仰賴 SERVER,後者完全仰賴 BROWSER 現在還多了個新的概念 SSG https://ithelp.ithome.com.tw/articles/10266781D