title: How to optimize javascript/jquery code to speed up it's performance?
body: <p>On one of my web projects, I use a lot of javascript/jQuery code, which is pretty slow on browsers (Windows 7 x64), especially on IE. </p>
  
  <p>I use 3 Ajax requests at the same time only on Home page. </p>
  
  <p>On Search page, I also use ajax requests, which are fired on scroll event, on any 'search tag' (simple anchor tag) click event and etc. which in general is making data loading very slow. </p>
  
  <p>I use jQuery plugins such as, Anythingslider, jquery coockies plugin, Raty (rating plugin), Tipsuy, jQuery coreUISelect, jScrollPane, mouse wheel and etc. All those 3rd party plugins I have minified and combined in jquery.plugins.js file, which is almost 80KB. </p>
  
  <p>I select a lot of DOM elements with jQuery. For example I use the following code:</p>
  
  <pre><code>$("#element")
  </code></pre>
  
  <p>instead of:</p>
  
  <pre><code>document.getElementById('element');
  </code></pre>
  
  <p>I also have one big CSS file, which is more than 5 000 lines, because I have combined all 3rd party jQuery plugins's css files into one file, for caching and less HTTP requests.</p>
  
  <ol>
  <li><p>Well, I wonder, what can I do to optimize my code for better performance and speeding up web page load? </p></li>
  <li><p>What kind of tools can I use to debug and my JS code? I forgot to mention that, when I refresh page in Google Chrome or Firefox with firebug or Chrome native developer tools opened, the page in that case loads also very slow. Sometimes the Firefox is even crushed. </p></li>
  <li><p>Will selecting of DOM elements with raw js give me a better and faster way to parse the document? Or should I leave, the jQuery selecting? Talk about is about 50 elements. </p></li>
  <li><p>Should I separate and after that minify external plugins, such as Anythingslider? Or is it better when I have 'all in one' js file?</p></li>
  <li><p>Is it better to also separate jQuery plugins's css code from main style.css? Because even hovering on element and affecting the :hover state from css file, is pretty slow. </p></li>
  </ol>
  
  <p>Well guys, I'm really counting on you.</p>
  
  <p>I've been googling all night to find answers on my questions and really hope to find it here. </p>
  
  <p>Thanks. </p>