ajax请求与dom /浏览器效率之间的关系？谁赢？

| 我有一个使用可滚动jQuery轮播类型显示的应用程序。此显示包含属于用户的照片...每张照片都具有大量的同级html内容（与将鼠标悬停在其上时所显示的照片有关的数据等）-因此，此标记以及图像标签已全部包含嵌套在具有CSS类“ photo”的容器元素中。 为了使事情更加复杂，每张照片都是可拖动的，并附加了其他几种行为/事件监听器。 当我最初设计时，我担心传送带上的数据太多（例如，想象一个拥有10000张照片的用户）。我很快就想到dom中的元素过多，并且所有内容都可拖动，并且然后旋转彩色的死亡球，然后崩溃。 我对此的解决方案是通过分页来限制轮播的负载，并且仅获取给定页面的资产...这意味着对于给定用户浏览其照片将有大量xhr请求。这也让我感到担忧。 所以我想知道社区怎么说？什么更好？过载的dom？或许多xhr请求？还是答案可能更像是两者之间的平衡？ 意见？