延迟加载或巨大的 CSS-sprite（大小为 9MB）

条件：

• 这是一个电影网站，约有 1000 张 15kb 的图像

• 大约 70% 的图像将在页面访问时加载

• 图像的有效期很长。

我想我会选择 CSS-sprites，因为大多数图像都会被访问者以任何方式加载。但所有图像的 CSS-sprite 都是 9MB 和 15000x2000px。即使我把它分成 3 个精灵，它也是 3MB :S

也许这么大的精灵会引起一些问题？

即使图像大小为 3-9MB，浏览器也会缓存吗？

大像素尺寸会给浏览器带来什么问题吗？

延迟加载还是 CSS-sprite，我应该选择什么？

请给我建议！

是的，这会导致问题：

• 由于精灵的大小和尺寸，它将显着消耗CPU电量
• 如果你经常在一个页面上使用它，它甚至可以减少滚动和至少 DOM 操作操作
• 9MB太大了，你有那个精灵的链接吗？

浏览器会缓存它，如果标头设置正确，那不是问题

而且您不想加载站点必需的 9MB Sprite！移动的 ？！？！！

Gekkstah