中的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，则脚本标记可能会执行两次。 我正在尝试创建一个示例进行调试。