推荐前端性能优化辅助工具Google LightHouse (灯塔)

Lighthouse的架构


推荐前端性能优化辅助工具Google LightHouse (灯塔)_第1张图片


Lighthouse的使用

通过npm安装lighthouse

npm install -g lighthouse

使用lighthouse

lighthouse --view http://www.gtja.com/i/

查看报告

推荐前端性能优化辅助工具Google LightHouse (灯塔)_第2张图片


另外一种使用方式

通过chrome web store安装插件

https://chrome.google.com/webstore/detail/lighthouse/blipmdconlkpinefehnmjammfjpmpbjk

推荐前端性能优化辅助工具Google LightHouse (灯塔)_第3张图片


安装成功后,访问需要评估的网站,然后点击地址栏右边的功能按钮就可以了,报告内容是相同的。


参考资料

https://github.com/GoogleChrome/lighthouse/

https://developers.google.com/web/tools/lighthouse/

你可能感兴趣的:(前端)