我偶然发现了这种奇怪的情况(对我来说),我可能在一个 html 文档中多次包含一个图像......让我们说一个 html 文件中完全相同的图像的 10 倍。我很好奇这里可以使用什么样的优化,或者如果有的话。
一些想法……
只加载可见的第一?浏览器是否意识到它们是相同的并且更快地加载图片?像这样的场景有什么好的做法?
为了更详细地说明这个问题,我基本上将多个网页合二为一,使用一些 JavaScript 来切换内容。
所以我有:
<div id='Page1'>
<div id=masterheader ><img src=logo.png></div>
<img src=logo.png>
<!--content-->
</div
<div id='Page2'>
<div class=header></div>
<!--content-->
</div
我使用 JavaScript 来获取 master_header 的内部 html 并将该 html 放在所有类标题中......我只是担心页面数量可能会显着增长,我的页面加载将如何受到我的徽标多次呈现的影响。