常用的前端代码性能测试工具包括：
-
Google Chrome 的开发者工具（DevTools）：它有一个 Performance 标签页，可以记录网页的渲染、JS 执行、网络请求等性能指标，还可以生成火焰图等更详细的性能分析报告。
-
Lighthouse：可以作为 Google Chrome 的一个插件或者单独的命令行工具使用，可以对页面进行渲染和访问，并生成性能分析报告。其中包括了性能、可访问性、最佳实践等多个方面。
-
Webpagetest：这是一个第三方在线性能测试工具，可以测试页面在不同地区和设备上的加载速度，并提供了大量的分析工具，如时间轴、水平和垂直比较等。
-
GTmetrix：这也是一个在线性能测试工具，可以为您的网站提供一个性能分析报告，并根据可优化的方面提出建议。分析报告中包括了有关页面加载速度和优化潜力的详细分析。
-
Webpack-bundle-analyzer：如果您使用 Webpack 打包前端代码，Webpack-bundle-analyzer 可以帮助您进行包大小分析，查看哪些模块占用了大量空间，并提供优化建议。
这些工具可以帮助开发人员分析代码的性能并提供优化建议，以提高页面加载速度和用户体验。