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

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

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

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

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

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

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