簡體   English   中英

關於javascript的快速問題(body-tag)

[英]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.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM