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

时间:2010-09-28 09:37:25

标签: javascript html file

如果我将所有JavaScript保存在一个单独的文件MyCode.js中并且包含该文件而不是将JavaScript包含在html文件中,那么页面加载会更快吗?

或者这不重要吗?

4 个答案:

答案 0 :(得分:5)

除非你是Google,否则它很少用于速度目的。但是,为了便于阅读和维护,最好将JavaScript保存在外部文件中。

如果您将<script>标记放在页面末尾(在结束<body>标记之前),则JavaScript不会阻止加载页面。

答案 1 :(得分:3)

内联和包含脚本文件都有好处。

内联脚本加载了HTML,因此只需要一个HTTP请求来下载这两个节省时间,生成的HTML文件会更大但是你不会浪费时间使用握手和标题。

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

通常,包括内联脚本,只要这些脚本与正在请求的页面内容直接相关,您将保存页面的HTTP请求,而不需要单独缓存脚本。对于站点范围的脚本,始终将这些脚本文件作为单独的脚本文件包含在内,这些脚本文件将在第一次需要时下载,然后缓存的副本将用于后续页面。

答案 2 :(得分:2)

如果你有很多脚本,可能会有一些东西要保存在外部文件中,因为它允许浏览器更好地缓存你的脚本文件。 CSS也是如此。

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

答案 3 :(得分:1)

取决于JS代码大小。如果你有巨大的JS代码部分,那么单独放置所有内容几乎没有:

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

  • 维护更容易