Back to tools
调试与性能工程效率免费

Bundlephobia

查询一个 npm 包被打包后的体积和对加载性能的影响。

#npm#bundle-size#performance#dependencies

Core value

在装依赖之前就知道它会给你的 bundle 增加多少 KB,避免不知不觉把首屏拖慢。

Why we recommend it

把"这个库有多大"这个常被忽略的问题变得直观,是选型阶段值得随手一查的工具。

Use cases

  • 在选型时比较几个功能相似的库的体积
  • 评估某个依赖是否值得为它的体积买单
  • 检查一个包是否支持 tree-shaking

How to use

  1. 1输入 npm 包名搜索
  2. 2查看 minified 和 gzip 后的体积
  3. 3对比下载和解析时间的估算
  4. 4结合功能需求决定是否引入

Best for

  • 关注首屏性能的前端工程师
  • 做技术选型的团队
  • 维护体积敏感项目的开发者