为什么没有CSS阻止脚本下载页面？

Question

我听到很多你应该把你的脚本放在标记的末尾，因为页面需要下载脚本然后执行它然后再向前呈现/执行页面的其余部分。这与样式表有什么不同？为什么页面可以继续使用样式表而且不会被它们放慢速度。在页面继续由浏览器执行之前，还需要下载和执行不是样式表吗？

Answer 1

CSS和JavaScript是两种不同的背景。

CSS只是一组规则而JavaScript： 需要在一个线程中执行意味着它将忙于做自己的事情，更不用说如果你要使用任何I / O它将花费更长的时间，所以只需将它放在页脚所以你所有的CSS和HTML加载正确且快速，然后您可以加载JavaScript脚本。

您也可以执行异步脚本，但它也取决于此脚本的功能。

Answer 2

样式是异步加载的。 实际上，您不需要在页面末尾放置脚本。您可以将脚本放在标题中。但同时将属性设置为async或defer。

    <script async src="/yourpath/file.js"></script>
// or
     <script defer src="/yourpath/file.js"></script>

Answer 3

<link rel="stylesheet" href="/path/to/style.css">的请求正在阻止。