javascript - jQuery:将 JavaScript 移动到页面底部？

Question

我们正在开发大型 ASP.NET 应用程序，其中包含许多包含 ASCX 控件的动态创建的页面。我们到处都使用大量的 jQuery。

我一直在读到，将内联 JavaScript 代码移动到页面底部是有意义的，因为当它被“过早”包含时可能会延迟页面的加载。

我现在的问题是:在使用 jQuery 时这仍然有意义吗？

大部分代码都在就绪处理程序中执行，所以我希望这不会减慢页面的加载速度。在我的例子中，多个用户控件 ASCX 都有自己的 jQuery 点点滴滴，要将它们全部向下移动到呈现的页面中并不容易。

Answer 1

建议将脚本放在 HTML 的后期，因为加载和执行脚本是按顺序发生的(一次一个脚本)，同时会完全阻止图像和 CSS 文件的加载和解析。

页面顶部附近的大型/滞后/运行缓慢的脚本可能会对页面内容/布局的加载和呈现造成不必要的延迟。

脚本的大小(下载时间)和复杂性(执行时间(dom 遍历等))因素 - 但更重要的是，个体的数量 <script> HTTP 请求更重要(请求越少越好)。

使用“document.ready”处理程序减少了执行缓慢造成的延迟 - 但仍然存在顺序 HTTP 开销的问题。

推荐阅读:High Performance Web Sites作者:Nate Koeckley。