最近在研究HTML执行的问题,在看一篇博客的时候,点这里,作者提到一个论点:
外部样式会阻塞后续脚本执行,直到外部样式加载并解析完毕
。对于外部样式的加载会阻塞外部JS
的执行,我已经验证过了,但是对于外部样式的解析会影响JS的执行,不知道该如何验证?请
问,各位大神有没有什么办法?
最近在研究HTML执行的问题,在看一篇博客的时候,点这里,作者提到一个论点:
外部样式会阻塞后续脚本执行,直到外部样式加载并解析完毕
。对于外部样式的加载会阻塞外部JS
的执行,我已经验证过了,但是对于外部样式的解析会影响JS的执行,不知道该如何验证?请
问,各位大神有没有什么办法?
13 回答13k 阅读
7 回答2.2k 阅读
3 回答1.3k 阅读✓ 已解决
6 回答1.3k 阅读✓ 已解决
2 回答1.4k 阅读✓ 已解决
3 回答1.4k 阅读✓ 已解决
6 回答1.1k 阅读
这个回到浏览器渲染
html
页面的流程来解析,这个渲染过程是单线程,顺序执行(从上到下),引入外部文件有个加载(下载)过程,自然会堵塞下面内容的加载。一般情况下
link
样式文件放置在head
头部,解析成DOM树,完成这一步再加载js
文件,(可以添加async
或defer
异步执行)。具体验证方法可以查看这篇文章:解析页面加载与js函数的执行 onload or ready