正确的分析http请求的耗时情况

TTFB (time to first byte)耗时，表示请求发出到接受到第一个字节之间的耗时，该时间很长，要么是网络延迟问题？或者是服务本身很慢？
Content download ，表示从接收第一个字节到该资源完整下载需要的时间，如果该时间非常长，说明带宽不够

如果一个页面外联了很多资源，比如有很多个stylesheet和script元素，对于css外联文件是可以平行加载的，对于script不能平行加载，因为script可以操作dom元素，比如向页面动态添加元素，所以当浏览器解析一个html文档时，遇到script标签只能阻塞性的将其下载执行后才会解析该script元素后面的元素。
优化的方式是对script元素添加async或者defer属性。添加async属性后浏览器异步加载该js文件，加载好后立即执行，不保证执行顺序。defer异步加载，只有等到dom解析完成后才开始执行，保证执行顺序

参考文档

https://stackoverflow.com/questions/436411/where-should-i-put-script-tags-in-html-markup
https://en.wikipedia.org/wiki/Time_to_first_byte

Posted in: WEB开发