项目简介

Perfsee 是由字节跳动（ByteDance）开源的一套前端性能测量与调试工具。它提供了从构建分析到运行时性能监控的完整解决方案，帮助开发者深入了解应用的性能瓶颈。

相比市面上其他性能工具，Perfsee 的独特之处在于它将 Webpack Bundle 分析、Lighthouse 评分 和 Flamegraph 火焰图 整合在一个平台中，形成完整的性能分析闭环。

核心功能

📦 Bundle 分析

  • 可视化展示 Webpack 打包结果
  • 识别冗余依赖和体积过大的模块
  • 支持多版本构建对比

🔥 Flamegraph 火焰图

  • 基于 Chrome DevTools Performance 面板
  • 直观的 CPU 耗时分析
  • 支持 React/Vue 组件级别的性能剖析

🚦 Lighthouse 集成

  • 自动运行 Lighthouse 性能审计
  • 追踪性能评分历史趋势
  • 支持自定义审计配置

📊 性能监控

  • 持续集成中的性能回归检测
  • 基线对比和告警机制
  • 支持多项目、多环境管理

技术亮点

特性说明
框架无关支持 React、Vue、Angular 等主流框架
CI/CD 集成提供 GitHub Actions、GitLab CI 等插件
私有化部署支持企业内部部署，数据自主可控
TypeScript完整类型支持，API 文档完善

快速开始

# 安装 CLI
npm install -g @perfsee/cli

# 分析项目
perfsee bundle ./dist

# 或集成到 CI
perfsee upload --project my-project ./dist

适用场景

  • 构建优化：分析打包体积，优化加载速度
  • 性能回归检测：在 CI 中监控每次提交的性能影响
  • 性能瓶颈定位：通过火焰图找到耗时操作
  • 团队性能治理：建立性能基线和评分体系

项目数据

  • ⭐ Stars: 740
  • 🍴 Forks: 43
  • 💻 语言: TypeScript
  • 📅 最近更新: 2026年3月（非常活跃）
  • 🏢 维护方: 字节跳动
  • 📜 许可证: Apache 2.0

相关链接

对于关注前端性能的开发者来说，Perfsee 是一个值得尝试的工具。它将多个性能分析维度整合在一起，避免了在多个工具之间切换的麻烦。