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

试图一次加载所有图像,只有100张可见,其余的图像被css-display:none隐藏,并通过向下滚动显示。

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

因此,我返回到旧方法-分页-逐步加载图像,单击next-prev按钮。

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

这件事是一次加载所有40.000张图像并通过流畅滚动使其可见的解决方案吗?

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

谢谢。

最佳答案

这取决于您的页面运行缓慢的原因。如果您使用display:none隐藏一堆内容,则rendersubtree在这种情况下不太可能有所帮助。

还有一个img解码API,可能对您的情况有帮助https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement/decode

但是,在您进入那里之前,我建议您进行一些分析,以准确找出过程中哪一部分较慢。 (img加载/布局等)

10-05 20:59
查看更多