本文探讨了页面速度优化的关键因素，如减少资源传输时间和DOM渲染耗时，并着重讲解了缓存作为优化手段的重要性。文章介绍了缓存的几种方式，包括cookies、全局状态缓存、localStorage和sessionStorage，以及它们各自的优缺点。同时，提出了缓存带来的内存和存储压力问题，以及缓存更新策略。最后，讨论了hash如何影响浏览器缓存，并提供了控制缓存的方法。
一个页面的速度由什么决定？
- 资源传输时间（TCP链接时间+响应时间）
- Dom渲染耗时 （所以减少DOM嵌套，能用一个就不要用两个）
TCP链接时间 = connectStart - connectEnd
响应耗时 = responseStart - requestEnd
Dom耗时：需要放在window.onload中进行检测；domComplete - domLoading
优化速度的几个方面
- 服务器优化 （TCP链接耗时大，就是后台的问题了）
- 减少传输内容 - 体积和切片
- 缓存
减少传输内容——体积
- 代码压缩
- tree-shaking
- 压缩图片
减少传输内容——切片
- 懒加载
- webpack代码分割
–vue单页面，所有的东西都在一个js，把懒加载部分切割出来
（单页面-业务代码app.js，第三方代码chunk-vendors.js，webpack运行代码-异步模块 ）
–vue多页面&#x
最低0.47元/天 解锁文章
239
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
