javascript - 当浏览器解析 JavaScript 文件时，它会阻塞主线程吗？

Question

简单的问题。

浏览器解析 JavaScript 文件时，是否会阻塞主线程？

我的意思是，浏览器在那段时间有响应吗？是否可以滚动或卡住？

读完下面的文章后我想到了这个问题:

来自: https://developers.google.com/web/fundamentals/performance/optimizing-content-efficiency/javascript-startup-optimization#parsecompile

<小时/>

Answer 1

解析 JS 不会阻塞“主线程”，至少这是您在现代浏览器上可以观察到的行为。然而，页面是从上到下加载的，因此如果中间有 JavaScript，则该 JS 将在其余部分被评估之前下载并解析。

 Already shown
 <script>while(true);</script>
 Not shown.

因此，最佳做法是标记您的 <script> s 为延迟或异步，或将它们移至页面底部。

CNN 可能也在这样做。重点在于细节:

is fully interactable

现在的网站很大程度上依赖 JS 来实现交互，没有它你就做不了多少事情。