Question

在我的一个网络项目中，我使用了大量的javascript / jQuery代码，这在浏览器（Windows 7 x64）上非常慢，特别是在IE上。

我仅在主页上同时使用3个Ajax请求。

在“搜索”页面上，我还在任何“搜索标记”（简单锚标记）点击事件等上使用了对滚动事件触发的ajax请求，这通常会使数据加载速度非常慢。

我使用jQuery插件，如Anythingslider，jquery coockies插件，Raty（评级插件），Tipsuy，jQuery coreUISelect，jScrollPane，鼠标滚轮等。所有这些第三方插件我已经缩小并组合在jquery.plugins.js文件，几乎是80KB。

我用jQuery选择了很多DOM元素。例如，我使用以下代码：

$("#element")

而不是：

document.getElementById('element');

我还有一个大的CSS文件，超过5 000行，因为我将所有第三方jQuery插件的css文件合并到一个文件中，用于缓存和减少HTTP请求。

嗯，我想知道，我该如何优化代码以获得更好的性能并加快网页加载？
我可以使用哪种工具来调试我的JS代码？我忘了提到，当我使用firebug或Chrome本机开发人员工具刷新Google Chrome或Firefox中的页面时，该情况下的页面加载速度也非常慢。有时Firefox甚至被压垮了。
选择带有原始js的DOM元素会给我一个更好，更快的解析文档的方法吗？或者我应该离开，jQuery选择？谈论约50个元素。
我应该分开并在此之后缩小外部插件，例如Anythingslider？或者当我拥有'all in one'js文件时它会更好吗？
从主style.css中分离jQuery插件的css代码会更好吗？因为即使悬停在元素上并影响css文件中的：悬停状态，也非常慢。