javascript - 我的网站在 IE 上速度很慢的主要原因可能是什么？

Question

我需要知道导致网站在 Internet Explorer 上运行缓慢的主要原因(除了 CSS 选择器分组、减小图像大小、使用图像 sprite 等基础知识之外)，因为我的网站在其他网站上运行良好比如 FF、chrome 等

1. 是否大量使用了 Javascript 框架(即 jQuery、extjs、原型(prototype))？
2. 是不是因为使用了基于JS框架的插件？
3. 我应该使用核心 javascript 并删除任何 js 框架的使用吗？
4. 我应该尽量避免使用 jQuery(document).ready() 吗？如果是 jQuery 框架？

以上是我知道的一些问题，还请大家回答一下，因为我对这些问题了解不多，所以不能问。

我需要让我的网站在 IE (6,7,8) 上表现良好，也请提出建议。

谢谢

Answer 1

它与 jQuery 无关。然而，这些插件是命中注定的，并且可能没有在 IE 中得到很好的测试。我会自行承担使用风险。

DOM 操作在 IE 中非常慢。使用 appendChild(或 insertRow)添加多个节点(例如，对于一个长列表有 100+ 个节点)比构建一个字符串并执行一个 innerHTML 慢得多。

您还需要注意访问节点的方式。开发人员往往过于依赖 jQuery 并通过类名搜索节点，例如:

$(".evenRows").hover(doSomething);

IE 没有通过类名获取节点的 native 方法，因此 JQ 循环遍历整个文档和每个元素并检查其类名...这需要通过 RegExp 检查，因为它可能看起来喜欢:

class="evenRows yellow foo bar"

最后，尽管有所改进，IE8 仍然使用旧的渲染引擎 - 与 IE6 相同。不要为动画而疯狂，也不要期待奇迹。