我必须在移动浏览器上显示1000多个未分类的图片缩略图,我不知道如何

时间:2012-05-24 10:49:39

标签: javascript jquery html performance

在移动设备上进行测试时,我尝试的所有内容都无法实现。加载时间长得令人无法接受,滚动不稳定等。我正在使用的缩略图是120px宽。我知道这不是一个具体的问题,但我想听听你会如何处理这类问题?

2 个答案:

答案 0 :(得分:5)

我可以想到三种方法

  1. 经典方式:使用分页,每页仅显示10/20/50 ..缩略图
  2. 现代(复杂)方式:在用户滚动时添加图像,当DOM离开可见区域时从DOM中删除图像(最着名的例子:谷歌图片搜索)
  3. 笨拙的方式:在服务器上将图像拼接在一起,将它们作为例如3 x 5拇指的簇来提供

答案 1 :(得分:1)

我建议你不要立刻加载所有缩略图。您可以在首页加载时加载50或100个缩略图,如果点击加载更多则加载剩余。或者您可以将它们组织成页面

立即加载会使您的网页大小超过MB,这显然需要花费大量时间才能加载