怎样验证外部样式的执行,会影响外部JS的执行?

最近在研究HTML执行的问题,在看一篇博客的时候,点这里,作者提到一个论点:

外部样式会阻塞后续脚本执行,直到外部样式加载并解析完毕。对于外部样式的加载会阻塞外部JS

的执行,我已经验证过了,但是对于外部样式的解析会影响JS的执行,不知道该如何验证?请

问,各位大神有没有什么办法?

阅读 1.4k
1 个回答

这个回到浏览器渲染html页面的流程来解析,这个渲染过程是单线程,顺序执行(从上到下),引入外部文件有个加载(下载)过程,自然会堵塞下面内容的加载。
一般情况下link样式文件放置在head头部,解析成DOM树,完成这一步再加载js文件,(可以添加asyncdefer异步执行)。
具体验证方法可以查看这篇文章:解析页面加载与js函数的执行 onload or ready

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题