针对Internet Explorer的Javascript优化

Question

众所周知，与Chrome、Safari (Webkit)或Firefox (Mozilla)相比，Internet Explorer Javascript引擎在性能方面远远落后，尤其是IE8和更早的版本。

在开发具有重要javascript功能的web应用程序时，IE的性能比其他应用程序差得多。

有没有什么实践可以帮助改进你的javascript代码，好的表现者(非IE)和差的表现者(IE)之间的差距不是那么大？

Answer 1

另有几个常见的解决方案：

缓存经常使用的DOM节点，不要在同一函数中再次重新计算它们。例如，代替

$(id).parentNode.something();
$(id).parentNode.somethingOther();

使用

var e = $(id).parentNode;
e.something();
e.somethingOther();

缓存来自外部作用域的常用对象。例如，代替

if (this.options.type == 'a') {
    // ...
} else if (this.options.type == 'b') {
    // ...
}

使用

var type = this.options.type;
if (type == 'a') {
    // ...
} else if (type == 'b') {
    // ...
}

这也将对缩小前后的代码大小产生积极的影响。

Answer 2

优化性能的一种常见方法是在for循环中缓存“max”值。

因此，假设您必须遍历一个名为sampleArray的数组。您可以优化以下语句：

var sampleArray = [3, 10, 12, 5, 9];

for(var i = 0; i < sampleArray.length; i++){
   var currentElement = sampleArray[i];
  // so something wit element
}

通过将其更改为：

for(var i = 0, max = sampleArray.length; i < max; i++){
       var currentElement = sampleArray[i];
      // so something wit element
}

这表明在所有浏览器中都有相当大的性能提升。特别是，IE7已经证明，使用这种模式(来自High Performance Javascript)可以将性能提高190倍

Answer 3

我认为合理的解决方案是Google Chrome Frame

这只允许在IE中使用Chrome框架，而不是在非IE浏览器中使用它。

用于IE的JavaScript性能和开发工具：

Microsoft Support: Internet Explorer Performance Article - http://support.microsoft.com/kb/982891