关于javascript:H5-性能优化方案

4次阅读

共计 315 个字符,预计需要花费 1 分钟才能阅读完成。

1、缩小 cookie 传输

cookie 传输会造成带宽节约,能够:

  • 缩小 cookie 中存储的货色
  • 动态资源不须要 cookie,能够采纳其余的域名,不会被动带上 cookie。

2.防止过多的回流与重绘

3. Gizp 压缩

4JavaScriptCssHtml压缩

工程化我的项目中间接应用对应的插件即可,webpack 的次要有上面三个:

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

5http2首部压缩

6.webpack 的优化

1DllPlugin 晋升构建速度

2splitChunks 拆包

  1. 骨架屏幕,缩小页面的回流和重绘
  2. 谷歌浏览器的 light house 插件。能够检测性能
正文完
 0