Javascript document.addEventListener减慢加载速度

我有一个网络应用程序。我已经编写了一个日历javascript代码。脚本标记位于从服务器加载js文件的html代码主体中

在编写最后一段代码之前，加载页面大约需要900毫秒。当我编写最后一段javascript代码时，加载页面需要6秒钟

Javascript代码基本上为我的日历定义了一个类。它有很多方法。在我最后的代码中，我编写了一个新方法，如下所示：

registerHider = function(){
    alert('hello');

    if(document.addEventListener){
        document.addEventListener('click', hider, false);
    }
};

方法“hider”是将“display”样式更改为“none”的另一种方法。这就是全部。当我注释掉“addEventListener”代码时，页面再次加载大约900毫秒。但当我取消注释时，又需要6秒

我在那个里放了一个警报，看看页面是否试图处理那个里加载的任何代码，但并没有消息出现在屏幕上。据我所知，代码尚未执行。即使我修改了代码，只在文档准备好时注册事件，没有帮助，仍然是一样的

---

这个问题的原因是什么？

所有问题都已解决。事实证明，这与那些javascript代码无关

经验教训：如果HTTP头的内容长度高于内容的实际大小

Firefox等待的时间更长，但仍能正常工作

Chrome无法加载javascript代码。所以它不起作用

---

感谢所有参与的人。

是否有只用于调试的实时示例？我建议以任何方式将事件添加到目标对象，而不是整个文档中？无法将一个事件侦听器添加到页面中导致加载时间跳跃。您还有其他[big loop]或大量DOM查找/写入会减慢渲染速度。@sabithpocker如果您将事件绑定到整个文档，您单击的任何地方都会触发该事件（捕获事件并执行StopperPogation的元素除外）@albanx。您可以看到这是一个优势：它允许您绑定在绑定时不存在于DOM中的对象的事件，只要您检查侦听器中的事件目标。这就是所谓的事件委派。