php - 图片预加载 : how much is too much?

Question

于是我有了自己的网页here ，这是一个可排序的缩略图页面。 load()加载第一个相关图像时，事件会激活每个缩略图。因为我正在抓取 <img>来自页面上隐藏 div 的标签和文本内容，拇指激活可防止用户点击进入尚未加载的图像，然后在后台进行预加载时等待。

调用非常简单:

$('#content img:first-child').load(activateThumb).each(function(){
    if(this.complete || this.complete === undefined)this.load();});

.each()捕获任何缓存的图像并手动触发 load()事件。效果很好，是一个快速而精简的网站。现在，随着网站的不断发展，有超过 100 个 <img>单个 HTML 文件中的标记，我想知道是否有我正在接近的常规限制。我应该将页面拆分为 35 个不同的 html 文件吗？我是否应该放弃标签和灵活的预加载效果以支持服务器端对点播图像的请求？

作为一名优秀的程序员，您的直觉是什么？

Answer 1

嗯，没有明确的限制。您可以继续按照您在网站上所做的方式处理尽可能多的图像。

但这只是用户在等待所有图像都被“激活”时可能会感到沮丧。

因此，反过来你可以做的是分页并显示每页 20 张图像。这样可以使图像加载速度相对更快。

此外，在您加载 page1 之后，如果用户仍在 page1 中，您可以开始预取 page2。因此，当用户单击 page2 时，他会看到一个响应速度非常快的网站:)

这里没有唯一的规则。事实上，如果您现在看到 Google 图片，它们会做您做过的事情。