1、图片压缩、合并(精灵图)、使用字体图标代替小图片、使用base64、图片懒加载
2、css、js的压缩、封装复用
3、减少重排操作,例如使用transform书写动画效果,在for循环结束后再去操作dom等
3、使用CDN网络托管
4、数据懒加载、数据按需加载(上拉加载)、分页
5、路由懒加载
6、利用缓存来缓存文件
7、频繁触发的事件进行防抖和节流
8、异步加载
9、减少闭包,递归优化,使用高效的算法
10、webpack优化:去除无用代码treeShaking、组件按需加载、使用chunck、模板预编译等
11、字库用gb2312不要utf-8,一个汉字少一个字节