如果我在</body>
標記之前使用javascript,頁面加載速度會更快嗎?例如:關於javascript(body-tag)的快速提問
<body>
balbllb content
<script type="text/javascript" src="jQuery.js"></script>
<script type="text/javascript">
$(function(){
});
</script>
</body>
如果我在</body>
標記之前使用javascript,頁面加載速度會更快嗎?例如:關於javascript(body-tag)的快速提問
<body>
balbllb content
<script type="text/javascript" src="jQuery.js"></script>
<script type="text/javascript">
$(function(){
});
</script>
</body>
該網頁將仍然加載在相同的時間,但也可能是認爲爲裝載更快(即你可能會看到DOM元素(S)出現更快)。
如果是我,我會在<head>
中留下您的jQuery.js引用,並在<body>
結束之前保留您的自定義內容。
我不知道它是否加載速度更快(我會感到很驚訝),但在這種情況下,您不再需要來包裝你的代碼在$(document).ready
因爲在那一刻,該文件將準備進行操作:
<body>
balbllb content
<script type="text/javascript" src="jQuery.js"></script>
<script type="text/javascript">
// directly manipulate the DOM here
</script>
</body>
它不關乎任何事情發生得更快。它發生的順序。將腳本放在底部(就在關閉body標籤之前)使其在加載腳本之前加載其餘內容,使其看起來加載速度更快。
總頁面加載時間將是相同的。但頁面將被認爲加載更快,因爲它會更快地顯示給用戶。 「加載速度的感覺」不是一個猜測,這是一個事實,經過心理學家多次證明。請記住,如果您將JS庫加載到頁面底部(如您應該那樣),那麼任何相關腳本都必須遵循底部的庫。
奧基,現在我知道更多!感謝所有答案! – Squadroo 2010-11-22 22:26:52