user-interface – 优化大量图像(1000)的显示,以提高Web应用程序的性能和易用性

在我们的Web应用程序中,用户需要查看大量图像.这是我目前的布局.一次显示20张图像,缩略图上方有一个分页栏.单击缩略图将在左侧显示放大的图像.放大的图像将跟随滚动条,因此它始终可见.实际上非常简单.

我想知道在这种情况下最好的界面是什么：

一种选择是实现无限滚动脚本,当用户滚动时,该脚本将延迟加载缩略图.不可见的缩略图将从DOM中删除.但我对这种方法的关注是DOM的变化数量减慢了页面的速度.

另一个选择可能是Google’s Fastflip.

您认为这个应用程序的最佳方法是什么？激进的想法受到欢迎.

解决方法

我想你要问的问题是：用户应该采取什么行动？该网站的目的是什么？

如果“评论图像”需要对每个图像进行评级,我宁愿采用Fastflip方法,其中焦点在于单个图像.缩略图库会分散所需的操作,并可能导致较少量的图片评级/评论.

如果焦点应该放在给定图像与其他图像的比较上,我会说尝试画廊方法,虽然我不会用缩略图强制无限滚动,因为用户可以很快迷失在丰富的选择中.我认为如果你选择走这条路线,标准的分页(无论是静态的还是ajaxified)会更​​好.

只是我的2c.