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

外部还是内联JavaScript?-页面加载时间

  •  2
  • Etienne  · 技术社区  · 14 年前

    如果我将所有JavaScript保存在一个单独的文件中,页面加载速度会更快吗 MyCode.js

    或者这并不重要?

    4 回复  |  直到 9 年前
        1
  •  5
  •   Skilldrick    14 年前

    如果你把你的 <script> 页面末尾的标记(就在结束之前) <body> 标签)JavaScript不会阻止页面的加载。

        2
  •  3
  •   Stuart Wakefield    14 年前

    内联脚本与HTML一起加载,因此只需要一个HTTP请求就可以下载这两个文件,这样可以节省时间,生成的HTML文件会更大,但您不会浪费时间与握手和头文件一起使用。

    包含的脚本作为一个单独的HTTP请求加载,因此存在此开销,但是,包含的脚本由浏览器缓存,这意味着后续页面不需要再次从服务器请求此资源。

        3
  •  2
  •   Alexander Sagen    14 年前

    如果您有大量的脚本,那么可以通过将js保存在外部文件中来保存一些脚本,因为它允许浏览器更好地缓存您的脚本文件。CSS也是如此。

    但总的来说,嗯。外部化的明显优势是可维护性。

        4
  •  1
  •   user170442 user170442    14 年前

    取决于JS代码大小。如果你有巨大的JS代码部分,那么把所有东西分开放几乎没有什么好处:

    • 您可以在不同的域名之间拆分不同的文件类型,这会增加页面加载时间,而大多数浏览器将同一域的并发连接限制为4个。

    • 更容易维护