Javascript 哪个更快:切换两个div的显示,还是切换背景图像?

Javascript 哪个更快:切换两个div的显示,还是切换背景图像?,javascript,html,css,Javascript,Html,Css,我有36个png关键帧,我想逐一显示。我看到了两种常见的方法:使用36个div块和不同的背景图像,通过display属性进行切换,或者使用单个div块并在其上设置不同的背景图像。我想知道哪种方式更快。切换可见性意味着您的图像已经从服务器下载(当然,除非您在加载后切换得太快)。更改背景将发出新的请求,直到您切换到所有 除非您可以使用精灵并更改背景位置 我不认为改变显示或背景在性能上有多大差别,它仍然只是改变了一些css 你考过了吗?这似乎是最简单的测试方法…不?使用gif?还是动画png?@Pau

我有36个png关键帧,我想逐一显示。我看到了两种常见的方法:使用36个
div
块和不同的
背景图像
,通过
display
属性进行切换,或者使用单个
div
块并在其上设置不同的
背景图像
。我想知道哪种方式更快。

切换可见性意味着您的图像已经从服务器下载(当然,除非您在加载后切换得太快)。更改背景将发出新的请求,直到您切换到所有

除非您可以使用精灵并更改背景位置


我不认为改变显示或背景在性能上有多大差别,它仍然只是改变了一些css

你考过了吗?这似乎是最简单的测试方法…不?使用gif?还是动画png?@Paulie_D双向看起来都是瞬间的。“更快”是指更有效地利用资源如果你需要知道答案,测试,在尽可能多的浏览器上-你可能会发现一些浏览器是更好的一种方式,其他浏览器比其他浏览器更好-祝你的基准测试好运你可以将所有png图像合并成一个sprite图像,然后使用背景位置循环浏览它们。