本文深入浅出地介绍了SSR（服务端渲染）和PWA（渐进式网页应用）。SSR能有效解决首页白屏问题，而PWA提供离线访问和桌面安装功能。通过结合SSR和PWA，即使在首次加载或清除缓存后，也能确保页面流畅体验。Service Worker在其中起到关键作用，拦截请求并管理缓存，确保数据的实时更新。
各路博客总结SSR的真的非常多，一圈看下来还蛮烧脑，不求写出来有多高深，只希望从理解入手，足够直白易懂就好。
SSR
SSR就是服务端渲染，也经常被称为直出，经常拿来比较的就是客户端渲染，也就是CSR
文字理解较为单薄 放一组图
CSR：
SSR：
-
从两个对比图就可以知道为什么SSR是解决首页白屏的利器了，尽管服务端渲染看起来流程更长更加复杂了，但是服务端渲染速度快，且第一阶段完毕首屏就已经呈现了
-
由图也可以理解这句话：直出一大特征即是直出服务端代替客户端来渲染页面，再将渲染好的html页面直接吐给用户
-
如果说上边是加载流程的不同的话，那如何辨别是服务端渲染还是客户端渲染呢？
- 可以在控制台 > Network > Preview > 查看传输内容，如果preview里呈现的是完整的html，那么它就
最低0.47元/天 解锁文章
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
