Javascript 图形分辨率会使网页变慢吗？

我几天前刚开通了我的网站。。。最近进展非常缓慢。会是图形吗？链接是：onMouseOver效应只是需要很长时间才会发生。加载背景也需要一段时间。一切都很慢。。。有人知道为什么会这样吗

多谢各位

---

-是的，图像与任何其他计算机资源一样。它们占用内存，并占用CPU处理周期来渲染它们。资源越大，使用的内存越大，渲染所需的CPU周期也越多

我建议你制作低质量的压缩版本的图像。有些图像处理工具，比如Adobe Fireworks（没有广告，这只是我使用的工具）可以选择压缩图像，而不会显著降低细节。您还可以减少或删除未使用的颜色

---

而且，它不是所有慢效的主要原因。DOM操作和糟糕的代码也会影响性能。

当然，您有两个图像，每个图像都超过了1.5meg！这对网络来说是巨大的

---

您必须将

plainbgndwall.jpg

和

bgndwall.jpg

的大小分别减小到至少250kb以下这些图像是巨大的。要求用户在页面加载时下载4+MB，然后在上面设置动画，这确实会减慢任何站点的速度。减小图像的大小，您将看到性能的提高

我总是试图让我的图像接近或低于100KB，以使页面加载速度更快。如果我有超过500KB的图像要显示，我将在用户导航时延迟加载它们。

这将有助于：

---

浏览器仅在第一次需要鼠标图像时加载鼠标图像。一旦浏览器缓存了它们，交换动画似乎要快得多。您可以强制立即加载图像，例如将图像放入隐藏的

标记中

---

这就是说，需要如此多的大图像来达到如此微小的美容效果是有点糟糕的。连接速度慢的用户可能会有不好的用户体验。

我在基于web的负载测试中检查了您的页面浏览时间，加载页面大约需要11秒，这不是一个很好的体验。结果如下：

在上面的屏幕上，你可以看到大部分的时间是通过图像，这样你就可以了解你需要在哪里工作。您也可以在下面的链接中通过输入URL自行运行类似的测试，您将了解有关页面加载时发生的情况的更多信息：

---

抱歉，但不建议使用隐藏图像标签。如果你想预加载，你应该把它放在javascript内存中。好的，让图像预加载的想法正是我所需要的。不幸的是，我对Java脚本非常陌生@Travis J你能提供更多关于如何做到这一点的细节吗？谢谢@布里托-。基本上，您将拥有一个源字符串数组。然后，您将创建一个数组

newimage（）

，然后

imgArr[index].src=关联源字符串。当需要图像时，只需从图像数组中获取图像<代码>文档.getElementById（“myImageTag”）.src=imgArr[imageIndex].src。这将允许图像在imgArr中存储一次，然后在将来的任何时候立即访问。好的，我会尝试！非常感谢你！好工具！多谢各位@谢谢你喜欢这个信息。如果你认为有价值的信息，你可以“提高”吗？谢谢。没问题。。。这帮了大忙！