H5 性能优化方案

1、减少cookie传输

cookie传输会造成带宽浪费，可以：

• 减少cookie中存储的东西
• 静态资源不需要cookie，可以采用其他的域名，不会主动带上cookie。

2.避免过多的回流与重绘

3. Gizp 压缩

4、JavaScript、Css、Html压缩

工程化项目中直接使用对应的插件即可，webpack的主要有下面三个：

• UglifyJS
• webpack-parallel-uglify-plugin
• terser-webpack-plugin

5、http2首部压缩

6.webpack 的优化

1、DllPlugin 提升构建速度

2、splitChunks 拆包

1. 骨架屏幕，减少页面的回流和重绘
2. 谷歌浏览器的light house插件。可以检测性能