值得推荐的 5 个前端性能测试工具
PageSpeed Insights谷歌开发的一个免费的网页分析工具，在地址栏中输入被分析的网站 url 地址，点击分析。
http://www.51testing.com/attachments/2021/06/15326880_202106171659001R6x0.png
可模拟移动设备访问页面结果分析：
http://www.51testing.com/attachments/2021/06/15326880_202106171659421wXNo.png
桌面设备访问页面结果分析：
http://www.51testing.com/attachments/2021/06/15326880_20210617170026171Ds.png
前端开发工程师，可以根据这个报告进行页面优化。
Lighthouse
简介
Lighthouse 是谷歌开源的一款 Web 前端性能测试工具，用于改进网络应用的质量，适用于网页版和移动端。能生成一个包括页面性能、PWA（Progressive Web apps，渐进式 Web 应用）、可访问性（无障碍）、最佳实践、SEO 的报告清单提供参考，看看可以采取哪些措施来改进您的应用。
使用方法
· 浏览器 F12 功能
在最新的谷歌浏览器 或 Edge 浏览器 访问一个被测试网站，按 F12 ，打开开发者工具，看到最后一个项就是 Lighthouse
· 下载安装到电脑
npm install -g lighthouse
· 测试某个网站
访问被测网站，打开浏览器的开发者工具。
http://www.51testing.com/attachments/2021/06/15326880_202106171701031nALO.png
点击【生成报告】 就会自动分析你访问的网站，得出性能分析报告。
http://www.51testing.com/attachments/2021/06/15326880_202106171701291jutf.png
这款工具，大家在用浏览器访问任意一个页面（包括需要登录，才能访问的页面），想要对这个页面进行性能分析都非常简单。
SiteSpeed
简介
SiteSpeed 也是一款开源的，可以用于监控和检查网站性能的工具。可以通过 docker 镜像或 npm 方式来使用。这个工具，并不是单一的，而是一组工具集合，可以根据自己需要，选择适合自己的工具。
安装
sudo docker run --rm -v "sudodockerrun??rm?v"(pwd):/sitespeed.io" sitespeedio/sitespeed.io:14.4.0 https://www.taobao.com/ # https://www.taobao.com/ 是被测试的网站
$ npm install -g sitespeed.io # 安装 $ sitespeed.io https://www.taobao.com/ # 测试淘宝网站
· npm 安装使用
· docker 安装使用
测试结果
测试结束后，会把测试结果写到 HTML 文件。
http://www.51testing.com/attachments/2021/06/15326880_202106171702151OqJP.png
可以通过顶部菜单，查看更多详细信息
Speedcurve
Speedcurve 是一个前端性能综合监控网站，可以在网站输入被测网站的 url 地址，进行测试。
http://www.51testing.com/attachments/2021/06/15326880_2021061717030310FM1.png
选择要默认访问网站的设备，进行模拟访问。
http://www.51testing.com/attachments/2021/06/15326880_202106171703301jbnX.png
访问后，网站会给出一份性能测试监控报告。
http://www.51testing.com/attachments/2021/06/15326880_202106171703561LoqZ.png
通过报告，可以看到详细信息。
webpagetest
webpagetest 和上面的 speedcurve 相似，也是在一个网站中，输入被测试的网站 ip 地址，就可以对被测网站页面进行分析。但是，这个网站在国内，被友好的和谐了，会出现无法正常进行测试的情况。
http://www.51testing.com/attachments/2021/06/15326880_202106171704511PRb3.png
好了，这些是现在比较方便的前端性能测试工具，你都了解吗？可能有同学会说为什么没有 yslow，嗯，这个也是前端性能测工具，但是，你可以去搜索下，看下你现在的电脑上能非常方便的使用这个工具吗？yslow，不可否认，是一款经典的 Web 端性能测试工具，但是现在使用起来非常的不方便，所以现在你想去学习这款工具，可能事被功半，收不到预期的效果，所以，个人不推荐大家学习这款工具了。
页:
[1]
