Ubuntu上JavaScript性能测试实操指南
一 测试类型与指标
- 前端页面与渲染性能：关注FPS、长任务、布局与重绘、以及加载阶段的LCP、FID、CLS等核心指标，用于评估交互是否流畅与首屏体验。
- 后端/HTTP服务性能：关注吞吐量（Requests/sec）、并发连接数、P95/P99 延迟、错误率，用于评估接口与服务的承载能力与稳定性。
- 运行时与CPU/内存剖析：定位热点函数、事件循环延迟、内存泄漏与GC行为，用于代码级优化与容量规划。
二 快速上手 前端页面性能测试
- 使用Chrome DevTools Performance 面板录制运行时或加载性能：
- 打开 DevTools → Performance → 选择“Record runtime performance”或“Record load performance”；可开启屏幕截图、强制GC、CPU/网络节流等捕获设置。
- 在录制结果中查看FPS与CPU图表，定位长任务与渲染瓶颈；需要时可在“Rendering”面板启用FPS计量器实时观察帧率。
- 若需对Node.js进行CPU/内存剖析，可在启动命令加上**–inspect**，在 DevTools 的“Memory/Profiler”面板采集堆快照或CPU Profile进行分析。
三 快速上手 HTTP服务与API压测
- 准备稳定的被测服务（示例用Node.js + Hono在3000端口返回“Hello Hono!”），确保仅在测试环境运行，避免外部流量干扰。
- 选择压测工具与典型命令（示例均为持续30秒）：
- autocannon：npx autocannon -c 100 -d 30 http://localhost:3000
- wrk：wrk -t 12 -c 400 -d 30 http://localhost:3000
- bombardier：bombardier -c 100 -d 30 http://localhost:3000
- 建议至少重复3次取平均值，并记录Requests/sec、P95/P99 延迟与错误率；如需场景化与持续化，可用Artillery/Locust/JMeter编写复杂流程与报表。
四 运行时与内存剖析
- CPU热点与异步瓶颈：使用clinic.js（如 clinic flame）定位耗时函数与异步链路瓶颈，配合火焰图快速识别优化点。
- 内存泄漏与堆分析：通过**–inspect接入Chrome DevTools Memory面板进行堆快照对比**；或使用heapdump在关键时点写入快照文件后离线分析。
- V8与事件循环：利用Node.js perf_hooks进行高精度计时，配合clinic doctor观察事件循环延迟；必要时用worker_threads将CPU密集型任务移出主线程。
五 对比测试与CI集成
- 跨运行时对比（如Node.js / Deno / Bun）：在相同Ubuntu版本、相同硬件、相同应用与相同压测参数下执行对比，优先关注P95/P99 延迟与Requests/sec的稳定性；可参考以Hono为统一框架的实测范式。
- 跨Node版本对比：用nvm批量切换版本，自动化采集启动时间、内存占用、HTTP吞吐与P95，并导出CSV便于对比与可视化（如 gnuplot）。
- 前端性能回归：将Lighthouse CI接入工作流，对关键页面执行LCP/FID/CLS等指标的自动化审计与阈值门禁，持续保障用户体验。