在 JavaScript 性能优化方面，有许多实用的工具和库可以帮助你分析、监控和提升代码性能。以下是一些常用的工具和库分类整理：
一、性能分析工具
这些工具用于诊断性能瓶颈，定位问题代码。
-
Chrome DevTools
- Performance 面板：分析运行时性能，记录函数执行时间、内存使用、渲染瓶颈等。
- Memory 面板：检测内存泄漏和堆快照分析。
- Coverage 面板：查看未使用的代码（用于代码分割和 Tree Shaking）。
-
Lighthouse
- 开源工具，评估网站性能、可访问性、SEO 等，提供优化建议。
- 可集成到 CI/CD 流程（如 GitHub Actions）。
-
WebPageTest
- 多地点测试网站加载速度，生成瀑布图和性能指标对比。
-
JSCoverage
- 检测 JavaScript 代码覆盖率，帮助优化未使用的代码。
二、代码优化工具
这些工具用于压缩、混淆、分割和优化代码。
-
Terser
- JavaScript 压缩工具
