2

我正在设计一个包含多个图像的简单网页。

但是,当我在浏览器中打开该网页时,将浏览器最小化,然后在几分钟后重新打开,图像会消失几毫秒

它不会出现在 Facebook 或 Google 等流行网站中,但在一些不太知名的网站中仍然存在同样的问题。我无法弄清楚实际发生了什么..

4

1 回答 1

2

通常是由使用 HTML/CSS 调整大小的非常大的图像引起的。另一种看待它的方式是,使用的图像没有调整到它打算用于显示的大小。浏览器需要时间来调整大小并将它们呈现在页面上,尤其是大页面。

此外,内存不足的机器通常会将资源卸载到交换区。当窗口不在焦点或最小化时,一些浏览器会将资源从内存中移出并进入交换区。据我所知,Firefox 可以做到这一点,并且可以在about:config. 这允许浏览器节省内存以供其他操作使用。

当窗口重新获得焦点时,浏览器会从交换中获取它们(这通常是一个缓慢的操作),将它们加载回内存并呈现它们。这种上下内存操作需要时间,因此可能是您正在经历的。

这就是为什么在网络上使用图像时:

  • 将实际图像调整为您需要的大小
  • 通过使用压缩优化图像。JPG 和 PNG 擅长这一点
  • 不要过度使用图片
  • spriting,以避免多个 HTTP 请求
于 2012-11-06T13:03:43.360 回答