什么浏览器渲染阶段阻止js和css加载?

时间:2017-11-20 16:53:23

标签: html performance google-chrome firefox

我一直在关注这个网站:https://varvy.com/performance/并且对于测量阻塞css / JS负载的位置感到困惑。是在domLoading和之间吗? domInteractiveresponseEnddomLoading之间?

1 个答案:

答案 0 :(得分:0)

所以我终于得到了一点澄清,答案是......"它取决于"。看http://www.growingwiththeweb.com/2014/02/async-vs-defer-attributes.html

如果使用普通script标记,它将在解析html期间阻止内联。

如果使用DEFER,阻止位将始终在HTML完成渲染后发生。

如果您使用ASYNC,阻止位可以随时发生(在HTML渲染期间,或者取决于下载所需的时间),但是之前

另请参考:Script Tag - async & defer

很遗憾没有简单的答案。