谷歌浏览器F12开发者工具查看资源加载速度

SEO博客 思享 2328浏览 1评论

之前写了一篇《利用谷歌浏览器开发者工具修改CSS》,可能写的不是很有条理,但是重在交流吧,有不清楚的可以留言交流。下面讲讲用谷歌浏览器测试网页各个资源的加载速度。

首先,我们打开浏览器,按F12就可以进入开发者工具了,点击network 进入网络工具

network

这个时候我们再浏览器打开我们要测试的网页。我之前打开了,这个时候刷新就可以了

加载速度

这个时候,我们就可以看到打开这个网页会加载的资源了,可以通过状态码、大小、加载时间进行排序。从上面可以看出,有很多资源是有缓存的,这也是我们能够明显感觉到初次打开网页慢,后来就很快的原因

当你熟练使用这个工具后,你会发现这工具真的非常方便,可以查看状态码,检查拖慢网页打开速度的元素,是否有404资源等,除此之外

http头

如上图所示,还可以查看HTTP响应头,这个是不是和百度站长平台的抓取工具类似呢,是不是很牛。好了其他功能大家自己去探索吧,本小白就不卖弄了

转载请注明:思享SEO博客 » 谷歌浏览器F12开发者工具查看资源加载速度

扩展阅读

谷歌浏览器怎么扩展程序怎么直接显示在右上角菜单中?

我们启用谷歌浏览器扩展程序时,发现右上角只有一个扩展程序的菜单,而不是像以前一样直接显示扩展程序图标,这无疑用起来非常不方便,那么我们应该怎么做才能让它显示呢? 步骤 其实很简单,我们只需要点击扩展程序图标 这时候,扩展程序会列出开启的程序,在程序名......

怎么关闭谷歌浏览器新版本的更新提示?

谷歌是当今非常流行的网页浏览器。但是由于某些原因谷歌浏览器的更新并不十分顺畅,但是更新提示却会冒出来,如果有强迫症的根本就受不了,那么,我们该怎么解决这一问题呢? 更新至最新版 谷歌浏览器其实是可以自动更新的,如果大家只是普通的使用,并不介意浏览器的......

chrome浏览器地址栏不显示http/https、www的解决办法

当我把chrome浏览器升级到最新版的时候,发现访问所有网站,地址栏中默认不再显示一级域名之前的东西,比如http和www,普通用户不用在意,作为网站运营人员,就必须把这个东西显示清楚。 让chrome浏览器地址栏恢复显示http/https、www......

avatar
发表我的评论
取消评论

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

网友最新评论 (1)

  1. avatar
    正规站点欢迎来博客大全填写表单免费添加友链
    博客大全4年前 (2018-09-30)回复