我在服务器上有很多图像(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加载/布局等)