隐藏的动画GIF仍然使用CPU吗？

Question

我有一个AJAX重型网站。当服务器处理请求时，有数百个按钮暂时挂起动画加载GIF。

我注意到使用它几分钟后我的网站运行缓慢。动画GIF以较低的帧速率播放。他们有时甚至会停止制作动画。悬停对按钮的影响有明显的滞后。这些100个动画GIF是否仍然可以锁定CPU，即使它们被隐藏（style="display: none"）？最多只能在任何时间点看到几个GIF。

Answer 1

使用样式表隐藏的内容仍然存在于浏览器中并由浏览器解析（因此可以通过脚本进行操作），它们不会显示给用户。

这与将控件标记为.visible=false时的情况形成对比，在这种情况下，控件在浏览器中标记 （因此无法通过脚本操作）

Answer 2

这与css和javascript无关。它仅取决于浏览器如何处理内存中的图像。

Chrome，Firefox，Opera和IE可以通过个人方式解决问题。

使用测试页面和基准测试工具进行一些测试，尝试不同的浏览器。