我正在构建一个使用滚动插件的网站，基本上动画化滚动。
我非常关心性能，就像我在网站中插入一些图像一样，在滚动/动画时看起来相当不稳定。
我非常关心性能，就像我在网站中插入一些图像一样，在滚动/动画时看起来相当不稳定。
我可以用图像检测的主要问题是回流/重绘问题，当图像没有正确的尺寸，因此被缩放(我必须处理这个，我知道关于best practice)。
考虑到这个说法(图像将被缩放)。什么应该更好，图像元素或divs与那些图像作为背景与性能？
我做了这个jsFiddles，在我的chrome浏览器内存工具，显示背景图像选项使用较少的内存。
< img /> ;:http://jsfiddle.net/ek6Xn/
<img src="..." />
background-image：http://jsfiddle.net/ek6Xn/1/
<div></div>
div {
background:url(...);
background-size:100% 100%;
}
参考文献：
> Difference in performance between img tag elements vs divs with background images?
> When to use IMG vs. CSS background-image?
> http://www.html5rocks.com/en/tutorials/speed/unnecessary-paints/
> http://updates.html5rocks.com/2013/02/Profiling-Long-Paint-Times-with-DevTools-Continuous-Painting-Mode
