前端性能优化有哪些点
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、将开关状态存放本地,关的状态就没必要查询数据了