延迟加载或巨大的 CSS 精灵（9MB 大小）答案

【问题标题】：Lazy Load or HUGE CSS-sprite (9MB in size)延迟加载或巨大的 CSS 精灵（9MB 大小）
【发布时间】：2012-08-25 05:28:07
【问题描述】：

条件：

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

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

浏览器是否会缓存图像，即使它们是 3-9MB？

大像素尺寸对浏览器有什么问题吗？

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

请给我建议！

【问题讨论】：

CSS Spirites 旨在提高性能...不考虑 10 MB 图像大小写。第一次会真的很拖。在这种情况下，我认为延迟加载会更好地帮助您。或者如果你还想做精灵，可以按照发生概率对精灵进行分组。

【解决方案1】：

是的，这会导致问题：

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

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

格克斯塔

【讨论】：