我应该在哪里包含 JS 文件答案

【问题标题】：Where should I include JS files我应该在哪里包含 JS 文件
【发布时间】：2010-10-30 03:29:06
【问题描述】：

我有一个 PHP 应用程序，其中有一个 div 容器，其中包含来自 URL 字符串的 $_GET 的应用程序。

目前，有两个应用程序需要 TinyMCE，一个应用程序需要 jQuery 和 jQuery UI。

问题是，我应该将文件包含在页面的什么位置？

在标题中，页面加载非常慢，>30 秒（现在

JS 文件已经被压缩和压缩。

TinyMCE 不会 gZIP，因为安装了 Zlib（由于 GD），那么我应该如何优化这种情况？

【问题讨论】：

【解决方案1】：

【讨论】：

【解决方案2】：

在底部并在文档完全加载时运行您的脚本（使用“onload”事件）。

【讨论】：

【解决方案3】：

通过将 JavaScript 文件放置在结束 BODY 标记之前，您可以在加载 JavaScript 文件的同时加载页面的其余部分。如果将它放在 HEAD 部分，页面将一直挂起，直到脚本加载为止。

如果在标题中加载需要 30 秒，那么您可能会遇到不同的问题。 TinyMCE 的加载时间不应超过 30 秒。

【讨论】：

【解决方案4】：

这可能没有一个正确的答案。

通常将 javascript 放置到 <head> 可以正常工作，但 30 秒太多了。我正在开发一个 JavaScript 应用程序，它可以动态加载大约 70 个未压缩的 javascript 文件（有些非常大），并且不需要 30 秒左右。

信息太少，无法解决。

【讨论】：

【解决方案5】：

有多少个JS文件？如果它很多，那么您可能想查看 Steve Souders 的幻灯片，了解更快的网站。下载 JS 文件是一个阻塞动作。 Souders 有一个很好的解决脚本阻塞的方法。查看http://www.thebitsource.com/2009/03/14/sxsw-interactive-2009-steve-souders-on-even-faster-web-sites/的PPT

另外，你从哪里为 JS 提供服务？尝试从 Google AJAX Libraries API 提供 jQuery。它使用他们的 CDN 和缓存很长一段时间。所以用户只需要 dl 文件 1 次。

【讨论】：

【解决方案6】：

我希望我的 JS 代码与 XHTML 完全分离，因此将其放在正文结束标记之前的内联 HTML 对我不起作用。

我在 html 头中声明了一个 JS 文件。然后将所有库等复制/粘贴到该 JS 文件中。这将产生一个 HTTP 请求，这也会加快移动浏览器的速度。

然后我使用 Prototype 启动 DOM 敏感函数：

document.observe("dom:loaded", function) { // code goes here });

【讨论】：