react服务端渲染(一)ssr和csr的区别

  1. ssr:服务端渲染,页面上的内容是服务端生成的 浏览器直接显示服务端返回的html就可以了
  2. csr:客户端渲染,页面上的内容是我们加载的js文件渲染出来的 js文件运行在浏览器上面 服务端只返回一个html模板
  3. 常见的服务器端渲染框架:基于react的next.js和基于vue的nuxt.js
  4. 二者的区别(csr的优缺点)
    • csr(客户端渲染)的ttfp时间(首屏时间)长
    • csr对于seo不友好,因为百度爬虫(大部分的爬虫)都只识别html里面的内容,而不会去识别js的内容
    • csr中前端负责页面的渲染,后端负责数据的处理,实现了前后端分离,各司其职
    • ssr会影响服务端的性能

项目地址:git@github.com:longlongdan/Reactssr.git

posted @ 2019-07-30 14:46  祖国的小花朵  阅读(705)  评论(0编辑  收藏  举报