如果我们在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保持不变，文件就会从浏览器缓存中加载。