如果我在 iPhone Safari 或 Android 浏览器中有此代码...会不会很慢？

Question

<div class="result">
   <div class="thumbnail">
        <img src="80x80.png">
   </div>
   <div class="name">
        Alex Hong
   </div>
</div>

该页面将包含 400 个！人员列表和他们的缩略图，全都不同。我将使用JQuery LazyLoad，这样就不会立即下载所有图像。 （图像仅在用户滚动到网站的该部分时下载）。

浏览器能处理它吗？请给您的专家建议。谢谢。

顺便说一句，我不知道 LazyLoad 是否可以工作：

由于 webkit 错误 #6656 延迟加载 不会给你任何改进 苹果浏览器。它将加载您的所有图像 不管你想不想。

Answer 1

我不怀疑他们能够处理它，但我肯定会做一些分页 400 图像对于我假设将是一个非常小的屏幕来说已经很多了。

Answer 2

它会很慢（至少在 iPhone

在sproutcore framework 中，有很长的列表，延迟加载性能非常好。您可以查看 UI 演示。

不过你也可以用iScroll，因为webkit默认的滚动速度很慢，不适应你这样的长列表。

最后避免在列表中使用复杂的 CSS（如渐变等），因为对于长列表来说非常慢。