服务器端渲染(ssr)

服务器端渲染

什么是服务器端渲染

将组件或页面通过服务器生成html字符串,再发送到浏览器,最后将静态标记”混合”为客户端上完全交互的应用程序。

服务器端渲染的优缺

优势

  • 利于SEO
  • 加快首屏渲染

缺点

  • 增大服务器端压力
  • 开发受限(有的第三方库可能无法正常使用)
  • 学习成本变高(node + koa2 等)

耗时对比

  • 数据请求
    • 由服务端请求首屏数据,而不是客户端请求首屏数据,这是“快”的一个主要原因。
    • 服务端在内网进行请求,数据响应速度快。客户端在不同网络环境进行数据请求,且外网http请求开销大,导致时间差。
  • html 渲染
    • 服务端渲染是先向后端服务器请求数据,然后生成完整首屏html返回给浏览器
    • 客户端渲染是等js代码下载、加载、解析完成后再请求数据渲染,等待的过程页面是什么都没有的,就是用户看到的白屏
    • 服务端渲染不需要等待js代码下载完成并请求数据,就可以返回一个已有完整数据的首屏页面。