2

条件：

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

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

  • 图片的有效期很长。

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

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

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

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

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

请给我建议！

4

1 回答 1

0

是的，这会导致问题：

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

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

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

格克斯塔

于 2012-08-24T21:28:07.510 回答