Html 用大量图像填充网页，缓慢滚动。

在我的页面上，我填充了相当多的图像，它们不是超高分辨率的，但是我聚合了图像，所以我没有以较小的尺寸存储图像。当我开始在页面上写很多东西时，它会变得迟钝。我能做些什么来解决这个问题吗？像某种动态图像压缩

您是否研究过延迟加载图像的技术

看起来出现问题是因为您使用的是完整分辨率图片来显示缩略图。这是一场表演噩梦！您可能会从阅读中受益：

---

你真的需要对这些图像大拇指一指，让它更快。同时下载所有高分辨率图像是没有意义的。

我不这么认为，我认为这会使原始设计失去太多。想象一种类似“Infiniscoll”的情况。这个解决方案的问题是，一旦加载了所有图像（最终都会加载），我的性能仍然很差。您是以全尺寸显示所有图像，还是使用

宽度

和

高度

属性来显示它们？也许会调查一下？老实说，我不知道它们是否全部显示出来，它们存储在一个有限的容器中。（我不知道整个图像是否仍在加载，尽管没有完全加载）。这可能是我需要的东西。如果你可以发布一个链接到有问题的网页，这将使我们更容易帮助你。75.117.215.212/newgameplus/TEST/好，我的测试情况：在第二个搜索栏中，键入“最终幻想VIII”和“最终幻想VII”，然后在短暂的加载期后，开始点击“附加新项目”。当页面填充时，您会注意到性能下降。是的，很抱歉这太尴尬了，但这是我的现场测试代码。我同意，但我不知道在实际获取数据之前如何获得拇指。下面的TimThumb脚本似乎至少会出于性能目的对其进行压缩。这些图像来自哪里？它们总是来自其他来源的随机数据，还是你每次都重复使用它们？如果是后者，您可以编写一些脚本来对它们进行处理，然后使用它们显示在页面上。每当有人点击缩略图时，就会加载高分辨率版本。问题解决了。