0

我偶然发现了这种奇怪的情况(对我来说),我可能在一个 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 放在所有类标题中......我只是担心页面数量可能会显着增长,我的页面加载将如何受到我的徽标多次呈现的影响。

4

2 回答 2

2

不用担心 - 它将被缓存为相同的图像。

于 2013-07-16T05:47:33.463 回答
1

1我相信实际上只加载了图像。您只是多次显示图像。

测试一下。

将相同的图像放在同一页面上(因此它们都会显示)。确保它是 a large image(23mb),以便您可以查看它们是否同时完成加载。

于 2013-07-16T05:45:15.110 回答