iT邦幫忙

第 12 屆 iT 邦幫忙鐵人賽

DAY 19
0
自我挑戰組

Vue應用測試系列 第 23

Day 23. Server Side Rendering

Server side rendering

在一般的 Vue 專案裡可能會有一個App.vue,裡面長這樣子:

而SSR的頁面在你進入這個頁面時會是從先從 Server 傳來的,Server 會決定要 Render 什麼,顯示頁面後會把Javascript 下載下來處理後續的操作。

Pros and Cons

Pros

  • 改善SEO,因為 Client Side Rendering沒辦法讓搜尋引擎產生
  • 改善第一次載入的時間

Cons

  • 要將Server side 以及 Client side 的Environment納入考量,所以Code勢必會變得複雜。
    例如:Document Object只存在於 Client side , 所以相同的Code 在Server side 會噴錯。
  • SSR會需要一個專門的Server,而CSR可以只使用static resource。

下一篇講如何測試SSR。


上一篇
Day 22. Snapshot Testing for Dynamic Component
下一篇
Day 24. Test Server Side Rendering
系列文
Vue應用測試30

尚未有邦友留言

立即登入留言