如果我在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＆lt; 3GS上）。

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

但你也可以使用iScroll，因为webkit中的默认滚动速度非常慢，并且不适合像你这样的长列表。

最后避免在列表中复杂的CSS（如渐变等......），因为长列表的速度非常慢。