大家好,我是你们的章鱼猫。
今天给大家推荐一款由 Google 出品的 Chrome 插件:Lighthouse,它能够分析网站的性能、质量及错误等。市面上类似工具很少,可以看出越大的公司对性能和质量越看重。
这款工具通过 Chrome 安装后使用也非常的简单,点击 Generate report 即可。
以下是我测试 https://github.com/GoogleChrome/lighthouse 网站生成的报告,数据非常的详尽,最基础的是性能相关的数据。
以上只是我截取的几个样例图,报告上还包括了可达性(Accessibility)、最佳实践(Best Practice)、搜索引擎优化(SEO)、PWA 等方面,评估数据非常的详尽。
目前 Lighthouse 也在 GitHub 上开源了,感兴趣的同学可以去了解一下 Lighthouse 的实现原理。Lighthouse 架构图及概念解释如下:
目前也有很多优秀的工具是基于 Lighthouse 构建的。
更多项目详情请查看如下链接。
Chrome 插件安装地址:https://chrome.google.com/webstore/detail/lighthouse/blipmdconlkpinefehnmjammfjpmpbjk/related
开源项目地址:戳我 https://github.com/GoogleChrome/lighthouse
最后,照旧安利一波我们的公众号:「GitHub 精选」,目前每天都会推荐一篇优质的开源项目文章,主要分享比较实用或有趣的开发工具与开源项目。我们的目标是:挖掘开源的价值。这个公众号超级值得大家关注。