web性能测试工具的热门工具

值得推荐的5个前端性能测试工具

第一个Lighthouse最方便，chrome自带的，直接就可以使用。

其他结果软件，我试了下，对于一些国外的服务器url地址输入后，无法直接访问的，所以支持度不太好。推荐大家用浏览器自带的Lighthouse吧！

简介
Lighthouse是谷歌开源的一款web前端性能测试工具，用于改进网络应用的质量，适用于网页版和移动端。能生成一个包括页面性能、PWA（Progressive web apps，渐进式 Web 应用）、可访问性（无障碍）、最佳实践、SEO的报告清单提供参考，看看可以采取哪些措施来改进您的应用。
使用方法
- 浏览器F12功能
  - 在最新的谷歌浏览器或 Edge浏览器访问一个被测试网站，按F12 ，打开开发者工具，看到最后一个项就是 Lighthouse
- 下载安装到电脑
npm install -g lighthouse
测试某个网站
- 访问被测网站，打开浏览器的开发者工具
- 点击【生成报告】就会自动分析你访问的网站，得出性能分析报告
这款工具，大家在用浏览器访问任意一个页面（包括需要登录，才能访问的页面），想要对这个页面进行性能分析都非常简单。

谷歌开发的一个免费的网页分析工具，在地址栏中输入被分析的网站url地址，点击分析，

可模拟移动设备访问页面结果分析

桌面设备访问页面结果分析

前端开发工程师，可以根据这个报告进行页面优化。

简介
- SiteSpeed 也是一款开源的，可以用于监控和检查网站性能的工具。可以通过docker镜像或npm方式来使用。这个工具，并不是单一的，而是一组工具集合，可以根据自己需要，选择适合自己的工具。

安装

 sudo docker run --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/ # 测试淘宝网站

测试结果
- 测试结束后，会把测试结果写到html文件
- 可以通过顶部菜单，查看更多详细信息
  Speedcurve
  
  Speedcurve 是一个前端性能综合监控网站，可以在网站输入被测网站的url地址，进行测试
  
  选择要默认访问网站的设备，进行模拟访问
  
  访问后，网站会给出一份性能测试监控报告