2013-01-17 40 views
0

可能重複:
Move jQuery to the end of body tag?爲什麼jQuery建議在<body>的末尾放置<script>標籤?

notice jQuery的是時下似乎在<body>代替<head>末推薦兩種負載jQuery.js,也把自己的jQuery代碼。這是爲什麼?有什麼優勢?

+1

加載時速度稍快 - 但我們正在談論的是小部分時間。 –

+0

''中的腳本減慢了頁面的下載和渲染速度。將腳本移動到文檔末尾會產生加載速度更快的印象,因爲在用戶已經看到該頁面時會請求並執行腳本。 – pawel

+0

@RoryMcCrossan很大程度上取決於...在瀏覽器上,加載腳本的大小和用戶的Internet連接。如果你不走運,尤其是在移動設備上,這可能是一個明顯的差異,長達幾秒鐘的空白頁面。 – Christoph

回答

7

這不是jQuery推薦它,但一些性能/可用性大師。

原因是下載腳本會阻止您的頁面的創建,並且如果您的腳本很大並且/或者用戶連接速度較慢,用戶會在一段時間內看到空白頁面。如果您將腳本放在底部,則瀏覽器可以創建頁面並在之後加載腳本,用戶不會遇到空白頁面。
然而,只有在$(document).ready(這意味着這些東西無論如何只有在DOM準備就緒後才執行)和/或腳本以某種方式獨立於dom的情況下,所有這些都是可能的。您也必須瞭解訂單。
如果你絕對需要儘早做一些JavaScript事情,那麼你可能無法將它們移動到頁面的末尾,或者根本無法等待那麼久。

+0

這是正確的。 – pixelbobby

相關問題