Javascript 在html5中预加载图像是一种好的做法吗

我一直在一个新网站上工作，剪贴的人用的是dreamweaver。它将mm_图像放入标题并在主体上使用。然而，在更复杂的页面上，它只加载了30幅图像中的3幅

---

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

根据应用程序/项目的要求，这取决于您的需要。例如，我曾经为一个特定的需要做过一次，我使用

JavaScript

在blog上使用了

hover

效果，当我将鼠标悬停在元素上时，它只是切换图像，但我意识到，在第一次悬停时，它通常需要更多的时间来替换图像，因为，图像过去只在元素悬停后加载，这就是我使用图像预加载技术的原因，因此，在页面加载期间，我加载了将用于悬停效果的图像

所以，这不是一般的做法，而是你的需要，如果你真的需要预加载一些图像，那么你可以使用它，但如果没有必要，那么就离开它，依我看

---

另外，请记住，每次加载图像时，它都会发出一个单独的

HTTP

请求来加载图像，因此如果在页面加载中加载大量图像，可能会降低页面加载速度。

根据应用程序/项目的要求，这取决于您的需要。例如，我曾经为一个特定的需要做过一次，我使用

JavaScript

在blog上使用了

hover

效果，当我将鼠标悬停在元素上时，它只是切换图像，但我意识到，在第一次悬停时，它通常需要更多的时间来替换图像，因为，图像过去只在元素悬停后加载，这就是我使用图像预加载技术的原因，因此，在页面加载期间，我加载了将用于悬停效果的图像

所以，这不是一般的做法，而是你的需要，如果你真的需要预加载一些图像，那么你可以使用它，但如果没有必要，那么就离开它，依我看

---

另外，请记住，每次加载图像时，它都会发出一个单独的

HTTP

请求来加载图像，因此如果在页面加载中加载大量图像，可能会降低页面加载速度。

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

---

我认为现在的常见做法是使用CSS来设计菜单样式，并完全避免使用图像。如果CSS规则不能满足设计的需要，您可以使用sprites将图像放在一个中，这样就不需要预加载图像，并且避免了许多http请求

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

---

我认为现在的常见做法是使用CSS来设计菜单样式，并完全避免使用图像。如果CSS规则不能满足设计的需要，您可以使用sprites将图像放在一个中，这样就不需要预加载图像，并且避免了许多http请求

在我遇到的特殊情况下，它是预加载作为滑块一部分的图像，并且滑块库仍然是预加载的。我认为这只是以前站点版本的一个遗迹。@DevelopingChris，对于滑块，您可以使用预加载。在我遇到的特殊情况下，预加载了作为滑块一部分的图像，并且滑块库也已预加载。“我认为这只是以前站点版本的遗留物。@DevelopingChris，对于滑块，您可以使用预加载。