title: Pages flashing white in Safari on loading or reloading content unnecessarily
body: <p>I am wondering what might be causing the page flashing white briefly when I am navigating from page to page on a website I am designing in Safari (you can see the website <a href="http://salliannputman.com/index.php" rel="nofollow">here</a>).  In addition to this flashing sometimes happening, the logo and nav bar are reloading as well (fading in and out briefly) when they should stay static.  In Firefox this is what happens, but in Safari (mostly) and Chrome occasionally I am seeing flickers and reloading.  I am using this script to fade in the content div (i.e. everything below the nav bar) on non-mobile devices, but this doesn't appear to be the culprit as I have tried commenting out the script and still see the behaviour:</p>
  
  <pre><code>&lt;script&gt;
  
  $(document).ready(function(){
  
      if ( screen.width &lt;= 699 ) {
      } else {
           // your script
      document.getElementById('content').style.display = "none";
      $('#content').fadeIn(1000);
      }
  
  });
  &lt;/script&gt;--&gt;
  </code></pre>
  
  <p>I am wondering what else I can try to get a smoother transition.  It was working fine before, but now is not for some reason.  I have a very good internet connection.</p>
  
  <p>Thanks for any help,</p>
  
  <p>Nick</p>