页面级别
- 减少请求数量, 合并文件
使用缓存 设置 expires max_age - 压缩代码, 开启Gzip
- dns, 静态资源域名
由于浏览器的并发数量都在6个以内,增加静态资源服务器可以提高并发数量
静态域名可以无cookie
域名太多会增加dns查询时,一般控制在2-4个 - 将脚本放到 boby 标签最下面
- 避免重定向
- 按需加载,先加载主要资源,其余资源延迟加载,对非首屏资源滚动加载
- 图片延迟加载: 把图片的src属性值存放到自定义的属性中。满足条件后再加载。
- 减少cookie
代码级别
- 对更新慢的资源或者接口做缓存(浏览器缓存、localsorage)
- 减少 dom 操作
- css 选择符优化
-html 结构优化
执行层面:
- 减少重绘&回流