前面的话
平时我们所接触到的都是SPA,在学习使用webpack构建同构应用时,接触到了SSR服务器渲染,下面来说一说SSR。
什么是SPA
传统的SPA(单页应用)是前后端分离,后端负责提供数据,前端加载完后体验,内容改变不需要加载全部页面,缓存数据,减少服务器压力,提高性能。
SPA工作流程
第一次将前端搭建的构建脚本资源全部下载下来,然后运行脚本异步加载数据,渲染页面。
这样造成的结果:
- 首屏慢:第一次加载所有资源,然后才开始执行。
- 不利于SEO:搜索引擎不能抓取完整页面
什么是SSR
服务器渲染 SSR(server side render),是指将一个组件或者页面渲染为服务器端的 HTML 字符串,然后将它们直接发送到浏览器,最后将静态标记”混合”为客户端上完全交互的应用程序。
SSR优缺点
优点:
- 更利于SEO:
由于浏览器异步渲染的数据,大部分爬虫无法获取这些数据。使用SSR,服务器返回给浏览器的已经是获取异步数据并执行JavaScript脚本的最终HTML,网络爬虫可以抓取完整的页面信息。 - 更利于首屏渲染
首屏的渲染是HTML字符串,并不依赖于js文件,使得用户很快就可以看到页面的内容
缺点:
- 服务端压力大
- 开发条件受限
发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/209660.html原文链接:https://javaforall.net
