这五个超好用的前端性能测试工具,高薪的大佬们都在用

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



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



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

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

Lighthouse

简介
Lighthouse 是谷歌开源的一款 Web 前端性能测试工具,用于改进网络应用的质量,适用于
网页版和移动端。能生成一个包括页面性能、PWA(Progressive Web apps,渐进式 Web
应用)、可访问性(无障碍)、最佳实践、SEO 的报告清单提供参考,看看可以采取哪些措施
来改进您的应用。

使用方法
浏览器 F12 功能

在最新的谷歌浏览器 或 Edge 浏览器 访问一个被测试网站,按 F12 ,打开开发者工具,看到
最后一个项就是 Lighthouse

下载安装到电脑

npm install -g lighthouse

测试某个网站
访问被测网站,打开浏览器的开发者工具


点击【生成报告】 就会自动分析你访问的网站,得出性能分析报告

这款工具,大家在用浏览器访问任意一个页面(包括需要登录,才能访问的页面),想要对这
个页面进行性能分析都非常简单。

SiteSpeed

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

安装
docker 安装使用


npm 安装使用


测试结果
测试结束后,会把测试结果写到 HTML 文件

可以通过顶部菜单,查看更多详细信息

Speedcurve

Speedcurve 是一个前端性能综合监控网站,可以在网站输入被测网站的 url 地址,进行测试



选择要默认访问网站的设备,进行模拟访问



访问后,网站会给出一份性能测试监控报告

通过报告,可以看到详细信息。

webpagetest

webpagetest 和上面的 speedcurve 相似,也是在一个网站中,输入被测试的网站 ip 地址,
就可以对被测网站页面进行分析。但是,这个网站在国内,被友好的和谐了,会出现无法正常
进行测试的情况。



这些是现在比较方便的前端性能测试工具,你都了解吗?可能有的人会说为什么没有
yslow,嗯,这个也是前端性能测工具,但是,你可以去搜索下,看下你现在的电脑上能非常
方便的使用这个工具吗?

yslow,不可否认,是一款经典的 Web 端性能测试工具,但是现在使用起来非常的不方便,
所以现在你想去学习这款工具,可能事被功半,收不到预期的效果,所以,个人不推荐大家学
习这款工具了。


©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 199,340评论 5 467
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 83,762评论 2 376
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 146,329评论 0 329
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 53,678评论 1 270
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 62,583评论 5 359
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 47,995评论 1 275
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,493评论 3 390
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,145评论 0 254
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,293评论 1 294
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,250评论 2 317
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,267评论 1 328
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 32,973评论 3 316
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,556评论 3 303
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,648评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 30,873评论 1 255
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 42,257评论 2 345
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 41,809评论 2 339