Google开源的自动化工具LightHouse的使用

最新推荐文章于 2024-08-07 09:58:53 发布

Month7

最新推荐文章于 2024-08-07 09:58:53 发布

阅读量8.7k

点赞数 1

本文链接：https://blog.csdn.net/qq_29187355/article/details/95075979

版权

LightHouse是一款Google开源的自动化工具，用于提升网络应用质量，特别是移动端。它提供了Chrome开发者工具、命令行和Chrome扩展等多种使用方式，通过测试性能、可访问性、最佳实践等方面给出评分和优化建议。例如，删除不必要的资源、优化缓存策略、使用被动事件监听器和懒加载图片等，都能有效提升页面加载速度和用户体验。

摘要由CSDN通过智能技术生成

LightHouse

LightHouse 是一个Google开源的自动化工具，主要用于改进网络应用（移动端）的质量。

目前测试项包括页面性能、PWA、可访问性（无障碍）、最佳实践、SEO。Lighthouse会对各个测试项的结果打分，并给出优化建议，这些打分标准和优化建议可以视为Google的网页最佳实践。

使用入门

LightHouse 有三种工作流程

Chrome 开发者工具
命令行 (Node.js)
Chrome 扩展程序

Chrome 开发者工具

按F12打开开发者工具，选择Audits选项卡

点击Run audits即可。

命令行(Node.js)

需求：Node.js >= 5

全局安装 lighthouse

npm install -g lighthouse

然后输入你的页面

lighthouse https://example.comlighthouse 会自动生成 HTML 报告，你也可以使用 JSON 格式。

Chrome扩展程序

安装地址：安装地址<

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Month7

关注关注

1
点赞
踩
7

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

Lighthouse

欢迎来到本博客！这里是一个充满惊喜与挑战的世界。我们将为你带来如爆炸般震撼的观点、故事和体验。每一篇文章都像是一颗威力十足的炸弹，在你的思维世界里引爆，激发无限的思考与感悟。独特的视角、精彩的内容，如磁石般吸引着每一位读者。无论是深度的分析、动人的情感表

09-18

【代码】Lighthouse。

web性能检测工具lighthouse

YLF123456789000的博客

06-16

864

Lighthouse 可以自动检查Web页面的性能。你可以以多种方式使用它。

参与评论您还未登录，请先登录后发表或查看评论

Lighthouse（灯塔）—— Chrome浏览器强大的性能测试工具

Hei, Welcome To vickie's Blog，Good Good Study, Day Day Up ~

11-27

1万+

详细介绍chrome浏览器的Lighthouse使用方法，及测试结果分析解读

lighthouse工具_Lighthouse：一种用于网页的性能和优化工具

weixin_26750481的博客

09-15

1902

lighthouse工具When opening Chrome DevTools, you will see this highlighted tab in the above image. What is it? It’s Lighthouse, an open-source automated tool for improving the quality of webpages. 打开Chro...

前端性能测试工具 LightHouse （灯塔）使用

金乌的博客

03-14

6473

— 一种工具Lighthouse 是一个开源的自动化工具，用来测试页面性能。—— 提升用户体验Web性能可以直接影响业务指标，例如转化率和用户满意度分析收集各种应用页面性能指标，并进行评估，以此我们可以根据评估结果进行针对性优化，不断提升用户体验—— 用法多样，根据需求进行选择目前官方提供了4种使用方式：Chrome 开发者工具（DevTools）Node CLIChrome 扩展。

【性能测试工具】Lighthouse Google技术

weixin_42901443的博客

02-14

2558

前端性能测试工具Lighthouse 前端代码审计工具前端性能优化

lighthouse-connector:将Google lightouse与其他浏览器自动化工具（WebDriver，Puppeteer）连接

04-11

“lighthouse-connector:将Google Lighthouse与其他浏览器自动化工具（WebDriver，Puppeteer）连接” 指的是一款名为“lighthouse-connector”的工具，它旨在实现Google Lighthouse与WebDriver和Puppeteer等自动化...

前端性能测试工具-Lighthouse (灯塔)插件

03-14

Lighthouse 是一款开源的自动化工具，主要用于提升网页的性能和可访问性。它由Google开发并维护，作为一个Chrome浏览器的扩展，可以方便地对任何网站进行性能评估和优化建议。Lighthouse 的目标是帮助开发者在项目的...

Lighthouse-github-action-comment：自动化灯塔指标作为对Vercel PR的评论

02-04

描述中的信息与标题一致，强调了这个GitHub动作的目标，即自动化Lighthouse的指标分析，并将这些信息反馈给Vercel的PR流程，以帮助开发者更好地理解和改进他们的代码质量。 **标签解析** 1. **google** - 表明这个...

Lighthouse自动化代码提升软件开发效率

Lighthouse是一款由Google开发的开源自动化工具，用于提高网页质量，尤其是性能、可访问性、渐进式网页应用（PWA）、SEO等方面。它旨在帮助开发者和网站所有者通过一系列的测试和报告来优化他们的网页。Lighthouse...

Lighthouse 谷歌插件

11-22

Lighthouse 谷歌插件 Google Chrome要求版本为 52 或更高版本。

lighthouse-ci:自动执行每次提交的Lighthouse，查看更改并防止回归

04-27

灯塔CI 概述 Lighthouse CI是一套工具，可以使连续运行，保存，检索和声明结果尽可能简单。快速开始要开始使用针对通用项目配置的GitHub操作，请将以下文件添加到GitHub存储库中。请遵循，以更完整的演练以及有关其他提供程序和设置的说明。 .github / workflows / ci.yml name : CI on : [push] jobs : lighthouseci : runs-on : ubuntu-latest steps : - uses : actions/checkout@v2 - uses : actions/setup-node@v1 - run : npm install && npm install -g @lhci/cli@0.7.x - run : npm ru

详解前端页面性能测试方案——开源工具Lighthouse

liwenxiang629的博客

01-03

3248

相信绝大多数测试同学对于前端页面的性能测试都是通过使用各个浏览器的开发者工具进行抓包来查看响应中各种请求、js和图片的响应时间，然后把发现慢的点进行截图，然后汇总给开发人员。今天给大家介绍一款工具，不仅可以对页面性能进行打分，还能够生成美观的测试报告，他就是——Lighthouse！

谷歌性能测评工具lighthouse使用

翛然树的博客

05-06

1万+

谷歌性能测评工具lighthouse使用 1、谷歌插件lighthouse的基本介绍 Lighthouse 是一个网站性能测评工具，它是 Google Chrome 推出的一个开源自动化工具，能够对 PWA 和网页多方面的效果指标进行评测，并给出最佳实践的建议以帮助开发者改进网站的质量。它的使用方法也非常简单，我们只需要提供一个要测评的网址，它将针对此页面运行一系列的测试，然后生成一个有关页面性能的报告。通过报告我们就可以知道需要采取哪些措施来改进应用的性能和体验。 2、lighthouse使用

Google Chrome Lighthouse 安装与使用指南

最新发布

gitblog_01115的博客

08-07

448

Google Chrome Lighthouse 安装与使用指南项目地址:https://gitcode.com/gh_mirrors/lig/lighthouse 1. 项目目录结构及介绍 Lighthouse 是一个开源的自动化工具，用于提升网页的质量。其GitHub仓库地址为 https://github.com/GoogleChrome/lighthouse。下面是基本的目录结构概览： ...

Lighthouse 的使用与 Google 的移动端最佳实践

EmotionComputer

05-15

892

原文地址：Lighthouse 的使用与 Google 的移动端最佳实践 Lighthouse是一个 Google 开源的自动化工具，主要用于改进网络应用（移动端）的质量。目前测试项包括页面性能、PWA、可访问性（无障碍）、最佳实践、SEO。Lighthouse 会对各个测试项的结果打分，并给出优化建议，这些打分标准和优化建议可以视为 Google 的网页最佳实践。使用入门运行 Light...

lighthouse_如何为CI / CD设置自动Lighthouse测试

weixin_26737625的博客

08-24

951

lighthouseLighthouse by Google has become increasingly more popular in recent years — even to the point where companies start seeing measurable increase in profit when their performance is improved. 近...

前端性能分析工具——Lighthouse

DY_CSDN的博客

04-07

3449

例如，FMP（First Meaningful Paint）的原始值是从页面初始化开始到主要内容渲染成功的耗时，根据真实站点的数据，顶级性能的站点的 FMP 值约为 1220ms，这个值会被映射成 Lighthouse 的 99 分。除了上述基准指标项之外，为了让 PWA 的体验更加完美，还有一些 Lighthouse 未实现检查的进阶指标，也就是可以作为示范性参考的 PWA 的指标，比如用户体验、缓存、推送通知等等。指的是所有的页面内容都已经成功加载，且能够快速地对用户的操作做出反应的时间点。

推荐前端性能优化辅助工具Google LightHouse (灯塔)