首屏加载
- 尽量控制在1s以内
- layout懒加载
- 滚动加载，没次请求10、20条数据，保证首屏能够铺面即可
- 进度条
- 避免重定向
- favicion移动端也需要设置避免404等请求
图片加载
- 格式尽量使用jpg
- 像素要使用同比例图片
- 小图片使用雪碧图，减少请求
- 图片避免空src
- 使用tryping等工具压缩图片
- 尽量少使用base64
服务端请求
- 使用Gzip
- 减少请求，尽量合并
- 减少cookie数据，cookie使上行数据会更慢
- cdn加速
- 资源缓存
代码规范
- js、css合并并压缩
- js、css放在前面
- js、css使用外联，方便缓存
- css减少层级、减少伪类选择器
- 减少页面回流、重绘
其他
- 使用pwa进行缓存
- 使用本地服务器加载js、css、图片
- 使用端的能力打包加载js、css、图片资源
