我试图在一个页面上显示 1000 个相当小的图像（确实很多，但超出了我的控制范围）。
当一次性加载所有图像时，一次渲染 1000 张图像，性能显然会受到严重影响。
我尝试在滚动时应用图像 src（大量 - 250px 滚动、25 个图像加载等），然后尝试在计时器上加载图像。
这些方法确实有助于提高性能，但是最有效的方法是什么？他们似乎仍然存在令人恼火的延迟 - 我知道在一个页面上渲染这么多图像存在一个根本问题，但是有更好的解决方案吗？
EDIT:
分页当然会有所帮助，但在这里不是一个选择。此外，图像是从 API 中提取的，因此制作 1 个大图像/使用精灵并不方便。
如果所有图像都是唯一的文件，那么您会感受到建立多个连接来检索它们的巨大打击。您可以创建所有项目的 1 个“主”图像，然后创建 1000 个 div，每个 div 具有不同的类或 id，然后在 css 中为每个 div 定义背景偏移量。这种方法通常被称为 css sprites。
http://css-tricks.com/158-css-sprites/ http://css-tricks.com/158-css-sprites/
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
