Ber*_*lho 12 css browser css-sprites sprite
我们都知道CSS精灵图像非常适合减少请求量等等,但是浏览器的性能如何使用大图像作为背景渲染具有多个元素的页面？
在配备旧浏览器(如IE6/IE7)的较慢机器上,当您在一个页面上多次使用非常大的图像时,您会注意到显着的性能下降.当你使用精灵时,它会更加严重:悬停状态.
你必须减少诱惑,将所有精灵推向一个巨大的形象 - 想想哪些元素是网站/ webapp UI的一部分,并将它们放入一个精灵文件(这些文件将一直显示,同时浏览).然后尝试将其余的精灵分组到特定于网站部分的图像中,并根据需要使用它们.下行是稍微延长的加载时间(额外的HTTP请求),但查看/滚动页面时的用户体验会高得多.