前端性能优化有哪些点

1、js、css本地缓存，离线化应用，替换webpack4中的加载方式

2、接口设置过期时间，本地缓存30条ajax（场景：查询接口）

3、相同接口并发请求多个，实际请求一个

4、webpack4拆包，生成多个公共chuck

5、提供webpack4构建速度，对module去重处理

6、webpack4对公共lib抽离

7、用增量算法（后缀数组），生成增量包

8、service放接口请求，支持一个接口请求多个，去重合并接口（场景：后端同一类接口支持多查询）

9、本地存储跟userNo关联

10、loadash做js方法兼容

11、postcss做css兼容，样式宽度750px

12、外层div加类名IphoneX、Iphone、android

13、当前页面配置放入注释，webpack4构建时读取页面配置

14、单页面应用开发，加载异步组件

15、ABTest，预发布环境、生成环境，一部分用户访问预发布环境

16、设计组件单例模式，全局组件，应用于弹窗

17、对class样式自动生成md5名，去重class

18、根据页面不同状态请求不同接口，减少不必要的请求

19、将开关状态存放本地，关的状态就没必要查询数据了