H5页面性能优化
2019-10-22 本文已影响0人
手指乐
- 最少化请求个数
手机浏览器同时响应请求为4个请求（Android支持4个，iOS 5后可支持6个）
如何减少请求次数：
- 合并图片（将若干个小图合并成一个大图、雪碧图）
- 合并JS/CSS文件
- 减少单个文件大小
- 使用轻量的JS插件
- 优化CSS、删除未使用的规则
- 优化单张图片的大小
- 压缩CSS和JS、开启Gzip
- 缓存（CDN与浏览器缓存）
cdn是服务器缓存机制
前端缓存可以用DOM Storage （ sessionStorage 和 localStorage）、数据库（IndexedDB）等把服务器请求的数据缓存到本地，减少对服务器的访问
-
页面性能分析工具
chrome的开发者模式，可以跟踪页面加载的所有文件,调用的接口以及他们的加载顺序、大小等信息
