一次加载大量图像的渲染子树？答案

【问题标题】：rendersubtree for loading a large amount of images at once?一次加载大量图像的渲染子树？
【发布时间】：2019-12-14 00:19:23
【问题描述】：

我在服务器上有很多图像 (40.000) 以及它们在 db 表中的引用 - 名称、大小、日期、描述等。

尝试一次加载所有图像，其中只有 100 个可见，其余的被 css 隐藏 - display:none 并通过向下滚动变得可见。

结果 - 页面加载时间过长，新图像变得非常缓慢。

所以我回到旧方法——分页——分步加载图像，点击next-prev按钮。

现在我看到了一个新的 chrome 功能 - rendersubtree

这东西能不能成为一次加载所有 40.000 张图像并通过流畅滚动使它们可见的解决方案？

如果是 - 请提供任何代码示例。

谢谢。

【问题讨论】：

【解决方案1】：

这取决于您的页面速度慢的原因。如果你使用 display:none 来隐藏一大堆内容，rendersubtree 在这种情况下不太可能有帮助。

但在您开始之前，我建议您先进行一些分析，以确定该过程的哪一部分速度较慢。（img加载/布局/等）

【讨论】：