如果我们在 iframe 中加载相同的文件，文件会在 HTML 中多次加载吗？

Question

我正在制作一个网站，为了加快加载速度，我想对其进行优化。所以，我希望更少的 HTTP 请求发生。

假设在一个 HTML 文件中，我们正在加载一些文件（样式、脚本和图像）。

<style rel="text/stylesheet" href="/style.css"></style>
<script type="text/javascript" src="/script.js"></script>
<img src="/image.png"></img>

<iframe src="iframe.html"></iframe>

现在，在上面的代码中，我们加载了一个 iframe。这是 Iframe 的代码。

<style rel="text/stylesheet" href="/style.css"></style>
<script type="text/javascript" src="/script.js"></script>
<img src="/image.png"></img>

我们可以看到 style.css、script.js 和 image.png 正在 iframe 和 HTML 主页面中加载。

所以我想知道，这些文件会加载多次还是从缓存中加载（在 iframe 中加载时）？

有哪些方法可以优化这段代码？

Answer 1

只要文件的绝对 URL 保持不变，文件就会从浏览器缓存中加载。