title: JQUERY prevent page from flickering - better approach
body: <p>I put the code below in the Masterpage to prevent all the pages from flickering when navigating. However, the page reloads twice. I tried to removed the first line and remain the second line, but the page still flickering, and then remove the second line and remain the page line but the result is the page is blank. What is the best approach to avoid the page from flickering while the page is loading? </p>
  
  <pre><code>$(document).ready(function() {
      $("body").css("display", "none");
      $("body").fadeIn(1000);
  });
  </code></pre>