摘要
目录
≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡▶▷►◈◄◀◁≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡
1、chrome浏览器资源加载时序分析
当我们访问网页时,打开chrome浏览器的开发者工具DevTools,在Network(网络)面版我们可以看到访问当前页面所发出的所有请求,鼠标移到任一请求的Waitfull列,或者选中任一请求,点击Timing,我们就可以看到chrome浏览器资源加载时序信息,见下图:
由图可得知,从资源加载时序的角度分析,浏览器发起请求到页面渲染完成会经历如下几个阶段: