2014-01-30 48 views
0

有誰知道,如果使用CSS精靈的拖動元素的背景圖像具有和性能產生不良影響 - 尤其是對觸摸功能的設備,如平板電腦或移動設備?CSS精靈性能和拖放

每個項目約爲50像素X 50像素和精靈是800像素X 1400px(20KB)

我只是想知道,如果瀏覽器正在努力當它被拖動和重新定位重新定位的背景圖像?

+1

大圖像文件將加載和解碼過程中大概只有招致性能問題的開銷(後者發生時,第一次談到在屏幕上),所以重新定位元素不應該對此有任何影響。測試你的說法,最簡單的方法是用Chrome瀏覽器開發工具(F12)的時間表選項卡,記錄和拖動過程中比較油漆事件時間。 – Barney

回答

2

當您將具有後臺位置設置一個元素,背景位置沒有調整,只是元素的lefttop值。 800 X 1400是一個精靈相當大,甚至在20KB,這將是你唯一的性能問題。特別是在移動設備上。