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

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

  1. 全局安装 lighthouse
npm install -g lighthouse
  1. 然后输入你的页面
lighthouse https://example.comlighthouse 会自动生成 HTML 报告,你也可以使用 JSON 格式。

Chrome扩展程序

安装地址:安装地址<

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值