https://plumephp.com/tags/bundle-analyzer/Recent content in Bundle Analyzer on PlumePHPHugozh-CNTue, 29 Sep 2026 15:00:00 +0800https://plumephp.com/vite-bundle-analysis-performance/Tue, 29 Sep 2026 15:00:00 +0800https://plumephp.com/vite-bundle-analysis-performance/<h2 id="引言">引言</h2> <p>「页面变慢了」是结果，不是原因。真正的问题在于：<strong>包体为什么大、首屏为什么慢、谁在拖慢构建</strong>——这些需要「分析 + 监控 + 门禁」的体系，而不是靠感觉优化。本文讲 Vite 项目的包体分析与性能监控：先讲包体分析的价值（把「感觉」变成「数据」）、Bundle Analyzer 可视化产物（占比一目了然）、构建报告与产物统计（体积/请求/重复）、性能预算与 CI 门禁（设阈值、超限即失败，防回退）、运行时性能监控（Web Vitals/错误监控/性能数据采集）、加载性能优化闭环（分析→优化→验证→门禁）、长尾模块与按需加载（找大而用的少模块）、慢构建的定位（构建耗时与缓存）、最后是性能治理流程（从临时优化到制度化、可量化的性能文化）。</p>