0%

使用动态Polyfill服务

构建体积优化:动态 Polyfill

构建体积优化:动态 Polyfill

Polyfill Service原理

  • 每次打开页面,浏览器都会向Polyfill Service发送请求,Polyfill Service识别 User Agent,下发不同的 Polyfill,做到按需加载Polyfill的效果。

    Polyfill Service原理

构建体积优化:如何使用动态 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

参考

-------------本文结束感谢您的阅读-------------