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

大家好,我是Echa 。
今天来分享几款前端性能测试工具,可以收藏一波~
1. google PageSpeed Insights
Google PageSpeed Insights可以为网站生成性能报告,它在移动设备和桌面设备上都是免费的 。并且还给出了影响页面加载速度的原因,并为这些问题提供了解决方案 。网站速度按照 100 分进行划分,其中:
 

  • 大于90:较好;
  • 50-90:需要改进;
  • 小于50:较差
 
11个值得推荐的前端性能测试工具

文章插图
 
在线地址:https://pagespeed.web.dev/
2. Pingdom Website Speed Test
【11个值得推荐的前端性能测试工具】Pingdom Website Speed Test 可以全面分析影响页面Web速度的因素 。此外,还可以查看网站在亚洲、欧洲等多个不同的地理位置的性能信息 。
11个值得推荐的前端性能测试工具

文章插图
 
在线地址:https://tools.pingdom.com/
3. WebPagetest
WebPagetest是 AOL 开发的一款在线的免费性能评测网站,从全球多个地点运行免费网站速度测试 。可以运行简单的测试或执行高级测试,包括多步骤事务、视频捕获、内容阻塞等等 。还将依据测试结果提供丰富的诊断信息,包括资源加载瀑布图,页面速度优化检查和改进建议,会给每一项内容一个最终的评级 。
11个值得推荐的前端性能测试工具

文章插图
 
11个值得推荐的前端性能测试工具

文章插图
 
在线地址:https://www.webpagetest.org/
4. GTmetrix
GTmetrix 是一个类似于 pingdom 的工具,可以快速轻松地测试网站速度 。它主要有PageSpeed和YSlow两部分组成,并提供相应的得分数据,能够真实的反应出网站的性能,并且会提供可行性建议来帮助改善网站性能 。
11个值得推荐的前端性能测试工具

文章插图
 
11个值得推荐的前端性能测试工具

文章插图
 
在线地址:https://gtmetrix.com/
5. Keycdn Tool
Keycdn Tool 是一个在全球 10 个不同地点的网站速度测试工具 。它允许测试任何页面的性能 。返回的结果将提供请求、内容大小和加载时间等详细信息 。此外,还有一个完整的瀑布图,详细说明了每个资源的加载时间和 HTTP 头 。
11个值得推荐的前端性能测试工具

文章插图
 
11个值得推荐的前端性能测试工具

文章插图
 
在线地址:https://tools.keycdn.com/speed
6. GiftOfSpeed
GiftofSpeed是一款免费网站载入速度测试工具,可以在上面获得网站综合性能信息,它能够展示网站加载时间以及评估网站有哪些需要改进的地方,并给予一个客观的综合评分 。
GiftofSpeed 的测试结果以瀑布流展示,可以很容易看到网站加载速度,每一项资源的的载入顺序、大小与响应时间的长短,方便了解网站的各项载入资源 。此外,它还提供了载入时间最长的內部文件以及外部文件,从而分析出是由哪些因素影响了你网站的载入速度,就可以专门针对这些载入时间较长的元素进行优化,从而最大限度提升网站载入速度 。
11个值得推荐的前端性能测试工具

文章插图
 
11个值得推荐的前端性能测试工具


推荐阅读