Question

在我看来，只要<script src="name1.js">中有<link href="name2.css">或<head>语句，这两个文件就会阻止标记的呈现。

FWIW，我尝试在<script>标记中添加“async”，它完全搞砸了我的一些jQuery插件

鉴于此，我真的不明白“渲染阻止Javascript和CSS”这句话。

谢谢！

Answer 1

它们阻止了标记的呈现，因为浏览器从上到下解析HTML文件。

您可以通过在结束script之前放置body标记来避免这种情况：

  <script src="whatever.js"></script>
</body>

您对link元素感到不满意，除非您在style中使用内联head声明（可能不是一个好主意）。

您还可以使用async标记中的script属性，也可以使用众多异步JavaScript库中的一个。

Answer 2

您还可以在加载主/缩小的css文件之前尝试加载关键css，以避免CSS文件上的渲染阻塞。