针对几种前端性能测试工具的具体实践

1. LightHouse

安装方式：chrome直接在扩展程序中搜索LightHouse插件安装即可

使用：打开需要测试的地址，通过扩展程序选择并点击生成报告，则会进入分析页面，或者使用url直接打开，地址中psiurl后拼接的即是要分析的页面地址：https://googlechrome.github.io/lighthouse/viewer/?psiurl=https://www.baidu.com&strategy=mobile&category=performance&category=accessibility&category=best-practices&category=seo&category=pwa&utm_source=lh-chrome-ext

 

查看，保存并分析报告：

 

 

 如下图，是百度首页分析的报告，也可以选择保存报告到本地，具体字段可以自己分析，但是需要注意，要分析的地址不能是公司内网地址，如果外网无法访问则会请求超时导致分析失败

 

 

 

 2. Pingdom

地址：https://tools.pingdom.com/

这个工具比较好的方面是可以选择测试区域，对于一些需要支持海外用户的网站来说比较实用，但是需要付费

 

 

 查看测试结果：

 

 

3. PageSpeed Insights

 

 

安装使用：在chrome商店安装插件即可，安装完通过地址拼接自己要测试的网站地址即可分析：https://developers.google.com/speed/pagespeed/insights/?url=

4. SpeedTracker

这是运行到web页面中的，gi地址为：https://github.com/speedtracker ,官网地址为：https://speedtracker.org/  这个还没研究，研究完再更新

5. WebPageTest

地址：https://www.webpagetest.org/

优点：免费，全球多地点

6. Sitespeed.io

git地址：https://github.com/sitespeedio/sitespeed.io

优点：开源，驱动浏览器进行测试，便于自动化拓展，支持html报告输出，其他待研究