2014-01-30 52 views
0

有谁知道,如果使用CSS精灵的拖动元素的背景图像具有和性能产生不良影响 - 尤其是对触摸功能的设备,如平板电脑或移动设备?CSS精灵性能和拖放

每个项目约为50像素X 50像素和精灵是800像素X 1400px(20KB)

我只是想知道,如果浏览器正在努力当它被拖动和重新定位重新定位的背景图像?

+1

大图像文件将加载和解码过程中大概只有招致性能问题的开销(后者发生时,第一次谈到在屏幕上),所以重新定位元素不应该对此有任何影响。测试你的说法,最简单的方法是用Chrome浏览器开发工具(F12)的时间表选项卡,记录和拖动过程中比较油漆事件时间。 – Barney

回答

2

当您将具有后台位置设置一个元素,背景位置没有调整,只是元素的lefttop值。 800 X 1400是一个精灵相当大,甚至在20KB,这将是你唯一的性能问题。特别是在移动设备上。