Google 出品网站性能质量及错误分析工具,安装 Chrome 插件即可使用

大家好,我是你们的章鱼猫。

今天给大家推荐一款由 Google 出品的 Chrome 插件:Lighthouse,它能够分析网站的性能、质量及错误等。市面上类似工具很少,可以看出越大的公司对性能和质量越看重。

这款工具通过 Chrome 安装后使用也非常的简单,点击 Generate report 即可。

image-20200830215906400

以下是我测试 https://github.com/GoogleChrome/lighthouse 网站生成的报告,数据非常的详尽,最基础的是性能相关的数据。

image-20200830220010228

image-20200830220031401

以上只是我截取的几个样例图,报告上还包括了可达性(Accessibility)、最佳实践(Best Practice)、搜索引擎优化(SEO)、PWA 等方面,评估数据非常的详尽。

目前 Lighthouse 也在 GitHub 上开源了,感兴趣的同学可以去了解一下 Lighthouse 的实现原理。Lighthouse 架构图及概念解释如下:

Lighthouse Architecture

image-20200830220747661

目前也有很多优秀的工具是基于 Lighthouse 构建的。

image-20200830220518717

更多项目详情请查看如下链接。

Chrome 插件安装地址:https://chrome.google.com/webstore/detail/lighthouse/blipmdconlkpinefehnmjammfjpmpbjk/related

开源项目地址:戳我 https://github.com/GoogleChrome/lighthouse


更多精彩请扫码关注如下公众号。

Written on August 30, 2020