网站加载速度在用户体验中是一个很重要的因素，虽然从很早以前就在研究如何加快网站速度，但是一直都是凭借第三方网站及主观感受来判断。现在得益于强大的Chrome Developer Tool。
Chrome浏览器是Google出品的一款浏览器，具体就不多介绍了，今天想分享通过Chrome浏览器检测网站的访问速度，这样可以查看到底是哪些影响了网站的访问速度，这样可以做针对性的改进。
文章以本站为例，各位可以用自己的网站测试。
1，如何打开Chrome的检测功能：
在Chrome浏览器中按快捷键F12就可以调出Developer Tool，然后加载任意一个网页就可以得到详细的分析报告：
这样就在浏览器的右侧打开了一个窗口，大约占浏览器的1/3,这个工具Google的命名是：Customize and control DevTools（自定义和控制开发工具）。这个工具功能很强大，对于我们来说，日常主要用到的功能有两个：Elements和Network,Elements主要用来调试网站的CSS，Network主要是测试网站的速度，并且可以查看网站完整的载入资源的情况。
今天以Network为主。
2，如果使用Network功能
打开这个开发工具之后，鼠标点击Network，可以看到这部分是没有任何信息展示的：
现在我们刷新当前页面，按F5或者Ctrl+R，可以看到动态的资源载入情况，比较重要的是三个部分，都已经用红框标注：
底部信息解释：
- 61 Requests – 61个请求数
- 563 KB transferred – 下载了563KB的内容
- Loads:3.23S – 总耗时3.23秒
3，如何检查网站访问慢的问题
如果载入的资源比较慢，又或者资源本身不存在，那么会以红色来显示，你可以点击查看详情，这样可以有针对性的做处理；
比如WordPress的gravatar的头像问题，如果您的网站打开之后检测这个是红色的，那么你就要寻找如何解决了，比如使用gravatar本地缓存功能等。
基本的使用就介绍到这里，大家可以自己多挖掘一下，这是一款很不错的工具，工具足够简单，功能也足够使用。