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

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

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

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

会出现如下界面

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

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

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

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

未完待续

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

页面性能检测插件（Chrome）
今天尝试装了一下YSlow插件,尝试了几次没有成功,偶然间发现Chrome里面有一个功能类似的整合插件 All-In-One PageSpeed Test Test your page perform ...
谷歌浏览器iframe兼容问题_兼容解决 IE 、火狐、谷歌浏览器中 Iframe框架的页面缓存的方法...
在我们的项目中往往少不了广告的成分,有的时候我们为了方便修改一般会选择iframe嵌套进来的方法,开始的时候没怎么留意,一般自己换广告也是强制刷新,直到后来看广告统计的ip发现好多广告都下架了半个月了 ...
iOS进阶之页面性能优化
作者: hi_xgb 地址: http://www.jianshu.com/p/1b5cbf155b31 前言在软件开发领域里经常能听到这样一句话,"过早的优化是万恶之源",不要 ...
[WebKit]浏览器的加载与页面性能优化
非常棒.非常系统的一份资料,值得阅读! 原文来自百度泛用户体验. 作者:nwind 本文将探讨浏览器渲染的loading过程,主要有2个目的: 了解浏览器在loading过程中的实现细节,具体都做了什 ...
转:浏览器加载页面的过程与页面性能优化
本文是转帖,原文:http://www.baiduux.com/blog/2011/02/15/browser-loading/ 发布日期:2011年2月15日作者:nwind 类别:HTML/CS ...
如何使用谷歌浏览器开发者工具中的Performance分析网页性能
当我们在进行大并发的直播消息互动时,对浏览器的负荷是比较大的,如何提供一种方法来评估实时网页性能以及相关的数据呢? 可以用谷歌浏览器开发者工具中的Performance绘制火焰图对网页进行分析. 接下 ...
【开发调试】谷歌浏览器中调试移动网页和测试网速下页面效果
. 今天有幸给大家分享一下谷歌浏览器针对移动网页测试的技巧,主要是最近做个微信公共号网站.所以就要对页面测试拉.移动网页我们最长测得就是各种手机大小的页面效果和出现网络问题的效果展示. 今天就简 ...
干货 | 数据思维在携程商旅页面性能优化中的一次实践
作者简介 Graviton,携程研发总监,专注数据思维驱动团队效能与技术发展. 本文旨在通过一个实际的例子,说明如何通过数据思维来解决研发工作中的一些棘手问题.通过此文,希望能够清楚地阐述我对下面几个 ...
浏览器中的performance检测页面性能
主要有4方面:(对照下图) 1.控制按钮. 2.overview.页面性能的高级汇总(FPS:帧率,CPU:CPU占用,NET:网络请求) 3.火焰图.CPU堆叠追踪的可视化(左侧名称是主线程的各种事 ...

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

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

最新文章

热门文章