# 构建体积优化:动态 Polyfill

构建体积优化:动态 Polyfill

# Polyfill Service原理

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

    Polyfill Service原理

# 构建体积优化:如何使用动态 Polyfill service

  • polyfill.io 官方提供的服务

    //访问url,根据User Agent 直接返回浏览器所需的 polyfills
    https://polyfill.io/v3/polyfill.min.js
    
  • 基于官方自建 polyfill 服务

    //huayang.qq.com/polyfill_service/v2/polyfill.min.js?unknown=polyfill&features=Promise,Map,Set
    
  • 其他

# 体积优化策略总结

  • Scope Hoisting
  • Tree-shaking
  • 公共资源分离
  • 图片压缩
  • 动态 Polyfill

# 参考

更新时间: 5/13/2020, 11:23:00 PM