之前写了一篇《利用谷歌浏览器开发者工具修改CSS》,可能写的不是很有条理,但是重在交流吧,有不清楚的可以留言交流。下面讲讲用谷歌浏览器测试网页各个资源的加载速度。
首先,我们打开浏览器,按F12就可以进入开发者工具了,点击network 进入网络工具
这个时候我们再浏览器打开我们要测试的网页。我之前打开了,这个时候刷新就可以了
这个时候,我们就可以看到打开这个网页会加载的资源了,可以通过状态码、大小、加载时间进行排序。从上面可以看出,有很多资源是有缓存的,这也是我们能够明显感觉到初次打开网页慢,后来就很快的原因
当你熟练使用这个工具后,你会发现这工具真的非常方便,可以查看状态码,检查拖慢网页打开速度的元素,是否有404资源等,除此之外
如上图所示,还可以查看HTTP响应头,这个是不是和百度站长平台的抓取工具类似呢,是不是很牛。好了其他功能大家自己去探索吧,本小白就不卖弄了
转载请注明:思享SEO博客 » 谷歌浏览器F12开发者工具查看资源加载速度