服务端渲染SSR

什么是服务端渲染

• SSR(server side render)
  简单理解是将组件或页面通过服务器生成html字符串，再发送到浏览器，最后将静态标记"混合"为客户端上完全交互的应用程序

服务端渲染VS客户端渲染

• 服务器端
  如图页面使用了服务端渲染，当请求user页面时，返回的body里已经有了首屏的html结构，之后结合css显示出来

  
  
  • 优点
    SEO 友好、首屏渲染快、单个页面来看性能较好（一般 JS 只是辅助，代码量会比较小，服务器性能是可以加钱提升）
  • 缺点
    开发条件所限，更大的服务器端负载

• 客户端渲染
  如图页面没使用服务渲染，当请求user页面时，返回的body里为空，之后执行js将html结构注入到body里，结合css显示出来

  
  
  • 优点
    节省后端资源，局部刷新页面，多端渲染，前后端分离
  • 缺点
    首屏性能差，白屏，无法(很难)进行SEO

注:SEO(Search Engine Optimization)，搜索引擎优化

后端渲染框架

• Vue

  nuxt.js

• React

  next.js

• Angular

  nest.js