[Node | LightHouse] Google LightHouse 网页跑分 | 不服?你也跑一个!?

Lighthouse 是一个开源的自动化工具,用于改进网络应用的质量。 您可以将其作为一个 Chrome 扩展程序运行,或从命令行运行。 您为 Lighthouse 提供一个您要审查的网址,它将针对此页面运行一连串的测试,然后生成一个有关页面性能的报告。 Lighthouse 目前非常关注 Progressive Web App 功能,如“添加到主屏幕”和离线支持。不过,此项目的首要目标是针对网络应用质量的各个方面提供端到端审查

【个人推荐】:如果有极端完美主义者或终极蛇皮强迫症晚期患者,可以通过此工具来折磨下自己?装个比?或者将完美进行到底?

【官方文档】:https://developers.google.com/web/tools/li...

【项目地址】:https://github.com/GoogleChrome/lighthouse

【使用方法】:目前有三种方法可以跑分 Chrome DevTools(控制台) / Chrome Extension(扩展) /Node.js,本文简单介绍 控制台 & Node.js

Node.js

【使用方法】:测试过程中会自动打开 Chrome 并且完成后会在当前目录生成一个静态HTML文件,直接在浏览器中打开此文件即可查看结果

# @ 安装 lighthouse 组件(Node.js V5.0 或以上版本)
npm install -g lighthouse
# @ 启动测试 (测试过程中会自动打开 Chrome 完成后会在当前目录生成一个静态HTML文件)
lighthouse https://www.baidu.com/
# @ 帮助面板
lighthouse --help

file

Chrome DevTools

【版本需求】:Google Chrome 52 ++
file
file
file

本作品采用《CC 协议》,转载必须注明作者和本文链接
Just for Fun !
阿麦
《L02 从零构建论坛系统》
以构建论坛项目 LaraBBS 为线索,展开对 Laravel 框架的全面学习。应用程序架构思路贴近 Laravel 框架的设计哲学。
《G01 Go 实战入门》
从零开始带你一步步开发一个 Go 博客项目,让你在最短的时间内学会使用 Go 进行编码。项目结构很大程度上参考了 Laravel。
讨论数量: 0
(= ̄ω ̄=)··· 暂无内容!

讨论应以学习和精进为目的。请勿发布不友善或者负能量的内容,与人为善,比聪明更重要!