什么是Resource timing？
客户端的延迟一直是网站性能重要的衡量标准。虽然用JS可以大概的测量每个请求的时间，但是不能确定中间每个步骤的数据。为了获取用户体验数据的完整信息，W3C草案增加了ResourceTiming API，可以用JavaScript接口看到每个请求的完整时间信息。接口可以精确测量用户感知到的资源加载时间。具体定义如下图：
查看方法，用chrome浏览器控制台命令：
window.performance
其中当前页面加载的详情在：
window.performance.timing
也可以看页面所有资源的加载时间节点：
var resourceList = window.performance.getEntriesByType(“resource”);
看到的结果大概是这样的
Chrome 的 Dev tools 的 network panel 看到的就是这些数据图形化的展示：
通过这些诊断，可以得到很多关于优化的信息，比如常见的关键资源等待加载，First Byte 太迟，同时加载资源太多等等，关于这些问题的原因以及会怎样影响网页性能，以后会作文解说。