服务端渲染与客户端渲染

服务端渲染与客户端渲染

• 服务端渲染

  说白了,就是在服务端使用模板引擎
  末班引擎最早诞生于服务端,后来才到了前端

• 服务端和客户端渲染的区别是什么

  客户端渲染

  • 浏览器发请求,拿数据,模板引擎渲染,得到页面响应给浏览器页面中的字符串
  • 浏览器收到服务端响应的页面字符串,从上到下一次解析html,解析过程中,如果发现有script标签就会执行脚本,如果发现ajax请求,则再次发起新的请求,最后在做模板引擎渲染
  • 第一次请求拿到页面
  • 第二次请求拿到动态数据

  服务端渲染

  • 服务端有页面和数据,服务端都提供
  • 给浏览器响应页面的时候,服务端已经渲染完成整个页面,所以浏览器只管展示就可以了

总结: 其实很清楚,服务端渲染更快,因为服务端所有事情全都做了,一次性给浏览器,浏览器不需要做什么,但是服务端也会造成压力
小技巧:有个小技巧可以快速知道是服务端渲染还是客户端渲染,就是打开网页查看源代码,如果源代码中可以搜索到页面的内容,那就是服务端渲染,如果是客户端渲染则是异步的渲染,不刷新页面而且查看源代码搜不到展示出来的内容.

还有个重点哦,异步渲染很难被爬虫抓取到的,所以客户端渲染很难被爬虫抓取到,这也就是大家说的客户端渲染SEO会有影响

所以很多网站等等都是客户端和服务端渲染结合来做的,服务端渲染为了SEO搜索引擎优化,而不需要考虑SEO的为了提高用户体验,所以采用客户端渲染

所以没有绝对哦,一般一个网站是客户端服务端渲染的结合版哦