在html5中预加载图像是一个很好的做法

Question

我一直在开发一个新网站，剪切它的人使用了Dreamweaver。它将mm_preloadimages放入标题并在主体上使用它。但是，它只会在更复杂的页面上加载30张图像中的3张。

即使使用更现代的HTML，预加载是一种常见的做法吗？或者应该留给浏览器下载图像。

Answer 1

根据应用/项目的要求，这取决于您的需求。例如，我针对特定需求做了一次，就是这样，我使用hover在博客上使用了JavaScript效果，当我在元素上盘旋时，它只是切换图像但我意识到，在第一次悬停时，过去需要花费更多时间来交替图像，因为过去只在悬停在元素上之后才加载图像，这就是我使用图像预加载技术的原因，因此，在页面加载过程中，我加载了将用于悬停效果的图像。

所以，这不是关于普通的做法，而是关于你的需要，如果你真的需要预加载一些图像然后你可以使用它，但如果没有必要那么就离开它，IMO。

另外，请记住，每次加载图片时，都会发出加载图片的HTTP个请求，因此如果您在页面加载时加载大量图片，可能会降低页面速度负荷。

Answer 2

预加载概念主要用于鼠标悬停时具有不同背景图像的菜单。您始终可以使用图像精灵将所有背景都用在一个图像中。

我认为现在的常见做法是使用CSS来设置菜单样式并避免使用图像。如果CSS规则无法满足设计的需要，您可以使用精灵将图像合二为一，从而无需预先加载图像并避免出现许多http请求。