1. 首页
  2. 技术知识

lighthouse:网站性能测评工具

摘要 : lighthouse是一款由谷歌团队开发的一款开源的网站性能测评浏览器扩展程序。


(adsbygoogle = window.adsbygoogle || []).push({});

lighthouse开发背景

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

lighthouse chrome插件简介

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

lighthouse:网站性能测评工具

lighthouse chrome插件使用方法

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

lighthouse:网站性能测评工具

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

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

lighthouse:网站性能测评工具

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

`https://huajiakeji.com/recommendation/`

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

lighthouse chrome插件联系方式

1.https://github.com/GооgleChrome/lighthouse

查看更多

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

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



(adsbygoogle = window.adsbygoogle || []).push({});

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

原创文章,作者:starterknow,如若转载,请注明出处:https://www.starterknow.com/52972.html

联系我们