已解決430363個問題，去搜搜看，總會有你想問的

在文檔底部而不是頂部加載JS的好處

關注

首頁猿問在文檔底部而不是頂部加載JS的好處

JavaScript JQuery Html/CSS

汪汪一只貓 2019-10-29 10:22:51

在文檔的底部而不是頂部加載JS的真正好處（如果有）是什么？似乎頁面加載和依賴于JS的功能有短暫的延遲。我正在使用html5boilerplate開始所有模板，但實際上不確定在底部加載JS有多有益。真的有很大的不同嗎？如果是這樣，為什么呢？

查看完整描述

3 回答

莫回無

TA貢獻1865條經驗獲得超7個贊

如果在頁面底部包括外部js文件，則將HTTP請求的優先級分配給將顯示給客戶端的可視顯示，而不是交互或動態邏輯。我相信，如果您不使用內容傳送網絡將圖像傳送到客戶端，則一次最多只能處理2個HTTP請求。您不想將這些請求浪費在邏輯上，因為我們都知道最終用戶多么不耐煩。
通過在文件末尾加載js，您可以（大部分時間）訪問DOM，而無需調用document.ready（）函數。您知道，如果頁面渲染最終到達了您的JavaScript代碼，則通常已經加載了必要的頁面元素。

還有更多原因，但是當我將所有js放在底部時感覺很尷尬時，這些都是我試圖記住的重要原因。

反對回復 2019-10-29

飲歌長嘯

TA貢獻1951條經驗獲得超3個贊

Google搜索將返回大量結果，說明您為什么要這樣做以及將看到什么改進。查看以下一些鏈接：

基本上，這樣做的主要原因是可以縮短頁面的渲染時間。從第一篇文章開始：

最好將腳本從頁面頂部移到盡可能低的位置。一個原因是啟用漸進式渲染，而另一個原因是實現更大的下載并行化。

反對回復 2019-10-29

藍山帝景

TA貢獻1843條經驗獲得超7個贊

取決于js中的內容。如果僅在頁面加載時希望它“運行”，或者用jquery包圍您的代碼：$(function(){})或將其放在頁面底部

反對回復 2019-10-29

關注