前端性能测试小工具使用总结

前端性能测试小工具使用总结

  • 前端性能测试小工具使用总结
    • LightHouse
    • Speedcurve

前端性能测试小工具使用总结

工作中用到的几个前端性能测试工具,持续更新

LightHouse

Lighthouse 是谷歌开源的一款 Web 前端性能测试工具,用于改进网络应用的质量,适用于网页版和移动端。能生成一个包括页面性能、PWA(Progressive Web apps,渐进式 Web 应用)、可访问性(无障碍)、最佳实践、SEO 的报告清单提供参考,看看可以采取哪些措施来改进您的应用。

  1. F12打开开发者工具,找到LightHouse
    前端性能测试小工具使用总结_第1张图片
    前端性能测试小工具使用总结_第2张图片

  2. 下载安装到本地

npm install -g lighthouse

前端性能测试小工具使用总结_第3张图片

  1. 在被测页面上打开开发者工具,找到LightHouse,点击“生成报告”,就会自动分析你访问的网站,得出性能分析报告
    前端性能测试小工具使用总结_第4张图片
    performance:性能
    Accessibility:可访问性
    Best Practices:最佳实践
    SEO 的报告清单
    前端性能测试小工具使用总结_第5张图片

Speedcurve

你可能感兴趣的:(性能测试,测试工程师)