lighthouse:网站性能测评工具

发布时间: 编辑:CINDY 0人评论 43052次浏览 Chrome生产工具插件
直达下载
摘要 : lighthouse是一款由谷歌团队开发的一款开源的网站性能测评浏览器扩展程序。

lighthouse开发背景

作为一个开发者,每当需要做到网站性能评测时就会比较兴奋激动,尤其构建的网站性能的新数据,Lighthouse可以在许多不同的情况中使用。实际上,Lighthouse可以跟踪分析其他工具(例如WebPageTest或者ChromeDriver)收集来的性能数据。如果你想测试一个网站在真机上的性能表现,Lighthouse也可以设置启用远程安卓设备上的调试工具。你甚至可以使用命令行工具把Lighthouse集成到持续集成系统中。

lighthouse chrome插件简介

Lighthouse 是一个开源的自动化工具,用于改进网络应用的质量。 开发者可以将其作为一个Chrome 扩展程序运行,或从命令行运行。Chrome 扩展程序提供了一个对用户更友好的界面,方便读取报告。而命令行工具则允许开发者将 Lighthouse 集成到持续集成系统。使用时,先提供一个需要审查的网址,它将针对此页面运行一连串的测试,然后生成一个有关页面性能的报告。

lighthouse chrome插件使用方法

1.在线安装的方法就不用说了,我们这里只介绍chrome插件的离线安装方法:怎么在谷歌浏览器中安装.crx扩展名的离线Chrome插件? 最新谷歌浏览器离线安装版可以从这里下载:https://huajiakeji.com/chrome/2017-09/813.html。具体方法是打开chrome浏览器进入软件界面够,在搜索栏中输入chrome://extensions,然后在左侧的功能中选择“扩展程序”。直接拖动我们已经下载的Lighthouse chrome插件至扩展程序界面。


2.安装成功后,点击浏览器的右上方可以看到灯塔的按钮标记,访问需要评估的网站,然后点击地址栏右边的功能按钮就可以了,报告内容是相同的。

3.作为Chrome的扩展或者直接在命令行中运行。你只需要提供一个URL链接,它会运行一系列的测试审查这个页面,然后它会把关于页面执行的一些性能指标以报告的形式展示给你。你可以参考这份报告中的一些指标提示来提升你的网站应用。Lighthouse 能够生成一份 JSON 或 HTML 报告,如下图所示:

4.此外,lighthouse还提供cli命令行的使用方式,你就可以使用Lighthouse了。在终端里输入下面的命令,我们就可以对Canlender这个网站的性能进行一次完整的测试:

`https://huajiakeji.com/recommendation/`
工具会在后台寻找你电脑上已经安装了的Chrome浏览器。通过Chrome浏览器,它会进行一系列测试然后收集页面运行过程中的各种指标。

lighthouse chrome插件联系方式

1.https://github.com/GoogleChrome/lighthouse


查看更多

lighthouse:网站性能测评工具下载地址

点击下载lighthouse:网站性能测评工具

转载必须注明来自:https://huajiakeji.com/productivity/2017-11/841.html

EasyGo

EasyGo

0 人评论 9505 次人浏览 4.5分 4.5 分
easygo插件是一个可以我们让自定义URL跳转规则的Chrome插件。
Window Resizer

Window Resizer

0 人评论 39292 次人浏览 4.3分 4.3 分
Window Resizer是一款可以调整浏览器窗口大小的chrome窗口缩放插件。
JetBrains IDE Support

JetBrains IDE Support

0 人评论 72970 次人浏览 3.7分 3.7 分
JetBrains IDE Support是一款webstorm网页开发调试工具,支持HTML/CSS/JavaScript编辑和JavaScript调试。
Responsive Web Design Tester

Responsive Web Design Tester

0 人评论 28820 次人浏览 3.0分 3.0 分
Responsive Web Design Tester是一款可以帮助用户测试网页在其他设备中显示样式的谷歌浏览器插件。
Wappalyzer:网站技术分析插件

Wappalyzer:网站技术分析插件

0 人评论 63741 次人浏览 2.7分 2.7 分
Wappalyzer是一款能够分析目标网站所采用的平台构架、网站环境、服务器配置环境、JavaScript框架、编程语言等参数的chrome网站技术分析插件。
评论:(0)

已有 0 位网友发表了一针见血的评论,你还等什么?