使用谷歌浏览器中的Lighthoust进行页面性能检测

本文介绍如何使用谷歌浏览器内置的Lighthouse工具进行网页性能检测。通过Categories选项选择检测内容,并设置Device为Desktop来针对桌面端进行检测。点击生成报告按钮后,Lighthouse将自动刷新页面并完成性能检测。最后提供评分及优化建议。

1.可以使用检测工具如下

在这里我们使用Lighthouse(谷歌浏览器自带)

2. 在谷歌浏览器开发工具中打开 Lighthouse

会出现如下界面

Categories 按需选择要检测的内容
Device 选择 Desktop 桌面端(根据自己需求)

点击Generate report 按钮开是性能检测,会自动刷新多次进行检测,检测完成后会出现如下图的检测结果页面

在检测结果中可能看到性能检测结果

检测结果会显示相关检测评分及一些优化建议,我们可根据检测结果和优化建议对页面进行优化

未完待续

评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值