html - 显示动画 GIF 图像后 Internet Explorer CPU 使用率升高

Question

我一直在开发一个网络应用程序，很久以前就注意到 CPU 使用率有点高，但开发已经暂停了一段时间。

最近重新开始开发，发现背景显示GIF动图后CPU占用率高。

我使用 Ajax 更新内容并将 CSS 类应用于元素以显示加载指示器。当内容加载完成时，我删除了 CSS 类。如果我在包含 GIF 的样式表中注释掉类，一切看起来都很正常。

我已经在 Internet Explorer 7 和 Internet Explorer 8 中对其进行了测试。

可以做些什么来缓解这个问题？

var blabla = function() {
    var element = $('id of element');
    element.addClassName('a css classname');

    new Ajax.Request({some parameters},
        onSuccess: function() {
            element.removeClassName('a CSS classname');
            ....
        },
        onFailure: function() {
            element.removeClassName('a CSS classname');
            ....
        },
        onComplete: function() {
            element.removeClassName('a CSS classname');
            ....
        }
    }
}

Answer 1

此问题可能与 Internet Explorer 从 CSS 类加载所需数据的方式有关。我可以建议另一种方法:不使用 CSS 类中包含的加载动画，只需将 .gif 放在可见的 <img> 中即可。直接标记到 HTML 中。然后，当onSuccess或者另一个方法被调用，你可以运行:

$("#ajax-gif").hide();