浏览器页面加载性能

整个页面的耗时：

window.performance.timing

页面上某个静态资源的加载时间:

1. 返回网页中所有资源和标记的数据:

   window.performance.getEntries()

2. 根据entryType返回数据:

   window.performance.getEntriesByType()

   window.performance.getEntriesByType(‘resource’)

3. 根据name返回数据:

   window.performance.getEntriesByName()

详细流程：

前一个网页页面 unload， 重定向（页面发生跳转且属于同域名下），

fetch 文件：

缓存（如果使用了本地缓存或持久连接）， 

DNS 域名解析 （如果使用了本地缓存或持久连接，则没有此步骤）

连接：

HTTP （TCP）连接 （如果是持久连接，则与 fetchStart 值相等； 注意如果在传输层发生了错误且重新建立连接，）

HTTP 请求读取真实文档开始的时间（完成建立连接）

HTTP 接收请求文档的响应

渲染 DOM：