性能测评工具lighthouse的使用

方法一:使用chrome浏览器直接添加lighthouse插件

1、该方式需要登录chrome浏览器网上应用商店,需使用VPN;不要使用chrome浏览器双核版

2、Chrome浏览器输入测试的网址,按F12打开开发者调试,,可以看到一个Lighthouse,选择该选项,然后点击 generate report 即可生成一个在线的HTML报告。

 方法二:直接使用Chrome浏览器开发者工具(F12)自带功能

1、在高版本(应该是 >= 60)的 Chrome 浏览器中,Lighthouse 已经直接集成到了调试工具 DevTools 中了,因此不需要进行任何安装或下载。

2、按 F12 打开开发者工具,可以看到在 console、security 等选项后面有一个 Audits (安装了lighthouse插件或者是高版本的谷歌浏览器可能显示的是 lighthouse)选项,选择该选项,然后点击 generate report 即可。

方法三:使用npm(node)包lighthouse

通过下载 npm 全局包 lighthouse,我们可以直接在命令行当中使用 lighthouse 来对网站进行性能测评。

1、需要先安装 Node,需要 Node 8 LTS(8.9) 及以上版本网址:https://nodejs.org/zh-cn/

2、安装全局包 lighthouse

打开cmd(可运行adb命令),运行命令: npm install -g lighthouse,即完成安装;

3、安装完成后打开cmd对某一个网站运行 lighthouse 命令了如:

lighthouse https://www.baidu.com --view

4、默认情况下,会在执行命令的当前目录下生成一个离线的HTML 文件,直接打开该文件即可查看报告

之后也可直接在chrome浏览器,按F12进入开发者调试,可直接运行Lighthouse生成report;

参考其他资料可见:

1、https://www.cnblogs.com/wenxuehai/p/14236426.html#_label1

2、https://www.cnblogs.com/zengfp/p/9888048.html

3、https://www.cnblogs.com/zengfp/p/9888048.html


版权声明:本文为Tc1276445129原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。