构建体积优化:动态 Polyfill
Polyfill Service原理
每次打开页面,浏览器都会向Polyfill Service发送请求,Polyfill Service识别 User Agent,下发不同的 Polyfill,做到按需加载Polyfill的效果。
构建体积优化:如何使用动态 Polyfill service
polyfill.io 官方提供的服务
1
2//访问url,根据User Agent 直接返回浏览器所需的 polyfills
https://polyfill.io/v3/polyfill.min.js基于官方自建 polyfill 服务
1
//huayang.qq.com/polyfill_service/v2/polyfill.min.js?unknown=polyfill&features=Promise,Map,Set
体积优化策略总结
- Scope Hoisting
- Tree-shaking
- 公共资源分离
- 图片压缩
- 动态 Polyfill