Google 出品网站性能质量及错误分析工具

共 850字,需浏览 2分钟

 ·

2020-09-02 04:39

【公众号回复 “1024”,免费领取程序员赚钱实操经验】

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

今天给大家推荐一款由 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

---特别推荐---

特别推荐:一个新的优质的推荐高效工具,软件,插件的公众号,每天给大家分享优秀的效率工具,「程序员掘金」,专门为程序员挖掘好东西的一个公众号,非常值得大家关注。


浏览 23
点赞
评论
收藏
分享

手机扫一扫分享

分享
举报
评论
图片
表情
推荐
点赞
评论
收藏
分享

手机扫一扫分享

分享
举报