代码之家  ›  专栏  ›  技术社区  ›  PeterFromCologne

jQuery:将JavaScript移到页面底部?

  •  10
  • PeterFromCologne  · 技术社区  · 17 年前

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

    我现在的问题是:

    大部分代码都是在ready处理程序中执行的,因此我希望这不会减慢页面的加载速度。 在我的例子中,多用户控件 在呈现的页面中,将这些内容向下移动并不容易。

    4 回复  |  直到 15 年前
        1
  •  15
  •   Már Örlygsson    17 年前

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

    脚本的大小(下载时间)和复杂性(执行时间(dom遍历等))是一个因素,但更重要的是,单个脚本的数量 <script>

    High Performance Web Sites 内特·科克利。

        2
  •  10
  •   Sam Hasler zpesk    17 年前

    您可以对不同的JavaScript排序方式进行建模 Cuzillion 查看它如何影响页面加载。

    见 examples 和 this blog post

        3
  •  1
  •   Thomas Hansen    17 年前

    这意味着,从包含JS文件的位置开始,整个页面将停止呈现,并使浏览器变为“白色”或其他内容(至少不显示页面的其余部分),因此简短的回答是 当然可以

    (较长的答案是“可能”,概率为99%)

    正如在移动的JS(和内联JS-你不应该使用BTW)的底部包含。。。

    如果您使用的是ASP.NET,则不应使用jQuery,而应使用 Ra-Ajax 哪一个BTW自动为您提供了所有这些“最佳实践”。。。

        4
  •  -2
  •   ScottKoon    17 年前

    大多数情况下,将JavaScript移到页面底部的原因是为了确保JavaScript可能引用的任何DOM元素在JavaScript运行之前都已创建。这还确保页面在运行任何JavaScript之前有时间呈现。

    在这种情况下,我不必担心将JavaScript向下移动到页面的较低位置。