OSS篇
1.图片使用阿里云对象存储OSS
2.资源使用CDN加速,提高访问速度
3.大体积图片如JPG格式使用OSS压缩处理,有效压缩体积但不影响图片清晰度
4.使用OSS加速域名服务,提高响应时间
图片篇
1.静态图片资源,例如icon类可以使用svg格式,体积小且在高清屏幕下不会失真
2.存储在oss储存,减少体积
3.小图拼接一起可以使用雪碧图,减少请求
4.使用懒加载,加快首屏渲染速度
5.使用预加载,在滚动时,提前预加载下一屏的数据
代码篇
1.替换大体积的依赖,例如moment.js引入后体积很大,可以使用day.js替换,实现200k->2k的跨越
2.公共CSS样式提取避免重复代码
3.使用webpack的CompressionWebpackPlugin压缩代码
4.使用防抖/节流避免触发高频操作
未完待续~~