中的RequireJS腳本標簽 <head> 還是頁面底部？

Question

RequireJS腳本標記應該位於HTML頁面的<head>還是底部？

<script data-main="resources/js/main" src="require.js"></script>

我已經看到有信譽良好的消息源將RequireJS腳本標簽放在任一位置，但是似乎沒有信譽良好的消息源明確說明理想位置在哪里。

將標簽放在頭部的說法是，RequireJS可以在頁面繼續加載的同時就開始異步加載和執行相關腳本（盡管這種收獲可能微不足道）。

將標簽放置在頁面底部的理由是，不需要在模塊內檢查DOM是否准備就緒（盡管如果不使用此檢查，則如果該模塊在加載了DOM的第三方系統中使用，可能會導致問題。 <head>標記中的腳本）。

Answer 1

一般的最佳做法是始終將腳本放在底部。

您可能已經看到有人將其包含在HEAD中，因為它沒有太大的不同。

我建議在底部，因為您要在生產之前構建腳本，否則最終將所有腳本加載到頭部。

請注意，如果您正在運行“單頁應用程序”，那么這實際上並不重要，因為您的身體很可能是空的-或幾乎是空的。

Answer 2

將其放在頁面底部，可以提高性能，如果您打算按預期操作頁面，則無論如何都希望它首先加載頁面。

除了少數例外，最佳實踐始終是：

Answer 3

我正在一個項目上，該項目包含許多模板，頁面加載時包含大約1MB的js，將requireJS放在頁面頂部具有特權。 Require可以開始計划和解析js，而其余的html下載。 另外，我們注意到，這使我們能夠在所有HTML都沒有下來之前“請求”頁面中的CSS。

我今天確實發現了一個警告，如果在腳本標記的head /之前的頁面中加載了require，則腳本標記可能會執行兩次。 我正在嘗試創建一個示例進行調試。