浏览器是否多次加载相同的脚本?

DDa*_*Dan 6 html javascript firefox internet-explorer google-chrome

我正在试验一个网页生成工具,在某些情况下,同一个脚本被多次包含在内(由于某些依赖性)。我应该担心它还是在浏览器级别解决了不会多次加载完全相同的文件

页面代码示例:

<script src="../../Scripts/thescript.js"></script>
...
...
<script src="../../Scripts/thescript.js"></script>
...
..
<script src="../../Scripts/thescript.js"></script>
Run Code Online (Sandbox Code Playgroud)

thescript.js会被加载多少次?

这个问题看起来像是将相同的 `<script>` 插入 DOM 两次会导致任何浏览器中的第二个请求的重复 吗?

然而,那是 6 年前,浏览器发生了很大变化,它可能不再相关了,无论如何它都没有接受答案。所以我想保持这个开放,并希望得到一些好的建议。

作为快速测试,我制作了这个小页面代码:

<html>
  <head>
    <script src='../Scripts/ckeditor/ckeditor.js'></script> 
    <script src='../Scripts/ckeditor/ckeditor.js'></script> 
  </head>
  <body>
    PAGE BODY
    <script src='../Scripts/ckeditor/ckeditor.js'></script>
    <script src='../Scripts/ckeditor/ckeditor.js'></script> 
    <script src='../Scripts/ckeditor/ckeditor.js'></script> 
    </script>
  </body>
</html>
Run Code Online (Sandbox Code Playgroud)

Chrome(版本:49.0.2623.110 m)中,如果我检查: 在此处输入图片说明

我得到了我所希望的。

边缘(版本:25.10586.0.0): 在此处输入图片说明

不是我所希望的。但是加载时间越来越好。

火狐(版本:42.0): 在此处输入图片说明

Internet Explorer(版本 11.162.10586.0) 在此处输入图片说明

但是,获取 304(未修改)并从缓存加载对我来说看起来不错。

在我看来,今天的浏览器按预期处理此类事情,因此在文档中多次引用完全相同的 js 文件没有问题。除非您为确定是否加载脚本所花费的时间(0.5 - 1 毫秒)感到难过。可能通过文档并“清理”它会使性能比离开它更糟。还有什么意见吗?