延迟加载或HUGE CSS-sprite(9MB大小)

时间:2012-07-09 13:20:38

标签: lazy-loading sprite css-sprites

条件:

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

  • 大约70%的图片将在页面访问中加载

  • 图片的有效期很长。

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

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

图像是否会被浏览器缓存,即使它们是3-9MB?

大像素尺寸是否会成为浏览器的问题?

延迟加载或CSS-sprite,我应该选择什么?

请建议我!

1 个答案:

答案 0 :(得分:0)

是的,这会导致问题:

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

如果标题设置正确,浏览器将对其进行缓存,这不是问题

你不想加载一个9MB的Sprite,这是一个网站必须的!手机?!?!!

Gekkstah