使用Chrome浏览器检测网站访问速度

2016年1月22日09:09:24 网站工具 发表评论 9,015

Chrome浏览器是Google出品的一款浏览器,具体就不多介绍了,今天Wopus想分享通过Chrome浏览器检测网站的访问速度,这样可以查看到底是哪些影响了网站的访问速度,这样可以做针对性的改进。

文章以Wopus主站为例,各位可以用自己的网站测试。

1,如何打开Chrome的检测功能:

使用Chrome浏览器打开Wopus.org,等网站完全载入之后,在页面上点击鼠标找到 设置,快捷键是:Ctrl_Shift+I:

使用Chrome浏览器检测网站访问速度

这样就在浏览器的右侧打开了一个窗口,大约占浏览器的1/3,这个工具Google的命名是:Customize and control DevTools(自定义和控制开发工具)。这个工具功能很强大,对于我们来说,日常主要用到的功能有两个:Elements和Network,Elements主要用来调试网站的CSS,Network主要是测试网站的速度,并且可以查看网站完整的载入资源的情况。

今天以Network为主。

2,如果使用Network功能

打开这个开发工具之后,鼠标点击Network,可以看到这部分是没有任何信息展示的:

使用Chrome浏览器检测网站访问速度

现在我们刷新当前页面,按F5,可以看到动态的资源载入情况,比较重要的是三个部分,都已经用红框标注:

使用Chrome浏览器检测网站访问速度

第一个是可以根据类型查看资源的载入情况;

第二个是所有资源的载入情况;

第三个是网站载入情况的一个大概,最后红色的是网站完全打开需要的时间,Wopus.org完全打开速度还行2.14秒!

3,如何检查网站访问慢的问题

如果载入的资源比较慢,又或者资源本身不存在,那么会以红色来显示,你可以点击查看详情,这样可以有针对性的做处理;

比如WordPress的gravatar的头像问题,如果您的网站打开之后检测这个是红色的,那么你就要寻找如何解决了,比如使用gravatar本地缓存功能等。

基本的使用就介绍到这里,大家可以自己多挖掘一下,这是一款很不错的工具,工具足够简单,功能也足够使用。

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: