[英]Quick question about javascript (body-tag)
如果在</body>
標記之前使用javascript,頁面加載速度會更快嗎? 例:
<body>
balbllb content
<script type="text/javascript" src="jQuery.js"></script>
<script type="text/javascript">
$(function(){
});
</script>
</body>
該頁面仍會在相同的時間內加載,但是可能會感覺加載速度更快(即,您可能會看到DOM元素顯示得更快)。
如果是我,我會將您的jQuery.js引用保留在<head>
,並將自定義內容保留在<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庫(應該這樣做),那么任何依賴腳本都必須遵循底部的庫。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.