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。