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

发表于:2021-3-01 09:24

字体: | 上一篇 | 下一篇 | 我要投稿

 作者:虫子王爷    来源:博客园

分享:
  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.PageSpeedInsights
  安装使用:在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报告输出,其他待研究。

  本文内容不用于商业目的,如涉及知识产权问题,请权利人联系51Testing小编(021-64471599-8017),我们将立即处理
《2023软件测试行业现状调查报告》独家发布~

关注51Testing

联系我们

快捷面板 站点地图 联系我们 广告服务 关于我们 站长统计 发展历程

法律顾问:上海兰迪律师事务所 项棋律师
版权所有 上海博为峰软件技术股份有限公司 Copyright©51testing.com 2003-2024
投诉及意见反馈:webmaster@51testing.com; 业务联系:service@51testing.com 021-64471599-8017

沪ICP备05003035号

沪公网安备 31010102002173号