服务端渲染和客户端渲染

服务端渲染

概念：服务器直接把dom树和css树响应给浏览器，浏览器直接拿来渲染页面。
优点：
1.渲染速度快。直接渲染即可。
2.SEO友好。爬虫直接分析dom树来查找需要的内容。
缺点：
1.用户体验感差 。跳转页面需要刷新跳转。
2.降低了开发效率 。后端人员工作压力大。
3.增加了服务器的压力。服务器要处理的数据更加庞大。

客户端渲染

概念：服务器把脚本响应给浏览器，浏览器执行脚本后得到dom树和css树，然后渲染页面。
优点：
1.用户体验感好 。跳转页面时不会刷新，跳转的快。
2.提高了开发效率。前后端分工明确，后端只需要提供要渲染页面的数据。
3.减轻了服务器的压力。服务器要处理的数据变得更少。
缺点：
1.渲染速度慢。需要通过执行脚本来渲染页面。
2.SEO不友好。爬虫是直接分析的是dom树，而不会去执行脚本。

如何区分服务端渲染和客户端渲染

在网页中点击鼠标右键检查页面源代码

典型的客户端渲染

单页面应用，像vue和react写的项目都是客户端渲染。