Navigation Timing

navigation-timing
Navigation_timing_API

navigation-timing

处理缓存消耗的时间

let time
const timing = window.performance.timing
time = timing.domainLookupStart - timing.navigationStart

网络消耗的时间

time = timing.responseEnd- timing.domainLookupStart

浏览器处理数据的时间

time = timing.loadEventEnd- timing.navigationStart

整个过程耗时

time = timing.loadEventEnd- timing.domLoading

大致可分为三个阶段

1. 缓存处理
   卸载当前页面
   本地重定向（在本地缓存找，找不到就去服务器请求）
   操作缓存

2. 网络
   可选优化手段：CDN，长连接

3. 浏览器数据处理
   可选优化手段：压缩，代码质量