在 HTML 页面中保留背景图像答案

【问题标题】：Keep background images in HTML pages在 HTML 页面中保留背景图像
【发布时间】：2011-07-16 06:22:32
【问题描述】：

我有几个共享公共背景图像的网页。当我打开每一张，每次都会重新加载图像。

有没有一种方法可以防止每次加载图像，因为它们中的大多数都一样吗？

我正在使用 HTML / jQuery。

提前致谢

【问题讨论】：

【解决方案1】：

如果图像相同，请确保它们具有相同的名称，并且大多数网络浏览器会自动缓存它们。

【讨论】：

【解决方案2】：

如果你的网页都在同一个服务器上，并且引用服务器上的同一个图像文件，那么它们将不会被再次下载，只是刷新

【讨论】：

【解决方案3】：

如果图像大部分相同（也来自所有页面中的相同位置），您不必担心浏览器会缓存它们并且每次都不会下载，除非您禁用缓存。

【讨论】：

【解决方案4】：

用户缓存可能需要通过您的托管软件（Apache、IIS 等）打开。您可能还需要设置您的服务器以发送带有请求的过期标头，以便浏览器知道是否要查找更新的内容。

如果您将图像的过期标头设置为将来的某个时间，则浏览器将不会重新下载每个页面的图像，因为浏览器会知道在过期日期之前不会再次查找这些图像。

Google 的 Page Speed 是检查服务器上是否发送了正确的标头的好方法：http://code.google.com/speed/page-speed/

另一个检查服务器发送的标头的好工具是 Firefox 的 Firebug。如果您有此工具，请查看“网络”选项卡，您可以看到页面上加载的所有资产的响应。

【讨论】：