渲染阻塞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

回答