渲染阻塞Javascript和CSS

在我看来，任何时候在<head>中有<script src="name1.js">或<link href="name2.css">语句，这两个文件都会阻止对标记的渲染。渲染阻塞Javascript和CSS

FWIW，我已经尝试添加“异步”的<script>标签和它完全打乱了我的一些jQuery插件

鉴于这种情况，我真的不明白这句话的“阻止呈现的JavaScript和CSS ”。

谢谢！

2015-08-24 John Love

保持你的CSS在'head'和JS到'body'的末尾 – Tushar

@JohnLove它可能是你导入js和css文件序列的问题 –

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

您可以通过关闭body前放置script标签避免这种情况：

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

你的运气与link元素，除非你只是用在head在线style声明（可能不是一个好理念）。

您还可以使用script标记中的async属性，或者您可以使用任意众多异步JavaScript库之一。

2015-08-24 04:51:50

回答