在頁面的結尾加載jQuery用於移動

Question

我曾經被告知在頁面結尾加載jQuery可以提高移動性能。

我不相信這個，但是打開一個解釋。

無論如何，有沒有什麼辦法讓jQuery調用在頁面開始加載後才加載jQuery？我知道超時工作，但他們似乎不一致。

Answer 1

您獲得「更好」性能的原因是，頁面在到達文檔末尾的JavaScript之前會被解析，並且一旦剖析了一個部分，就可以開始渲染。通過在文檔的末尾加載JavaScript，您可以在使用JavaScript添加功能之前，讓HTML和CSS中的基本硬編碼佈局顯示出來。這給用戶提供了頁面「更快加載時間」的錯覺。

這裏需要注意的是，任何想要使用的將調用外部庫的JavaScript都必須出現在庫的腳本標記之後。如果您已將所有代碼一起打包到自己的文件中，則這不是問題，但它會爲散佈在頁面上的內聯腳本造成麻煩。

這就是爲什麼這種行爲在生產應用程序中不受歡迎的部分原因，其餘的部分原因在於最大限度地利用gzip壓縮腳本內容的能力等等。