title: How to prevent the white 'flash' on page load created by background image loading delay?
body: <p>The problem is, on most sites on the web, there are background images. They take time to load. Ordinarily, it wouldn't be a problem if the images were optimized, and small enough. However, on some of my sites, the javascript files find their way to load before anything else on the page, <strong>even though they're in the footer</strong>! This creates a white "flash" before the background image loads. Why is my javascript loading first before anything else? I'm having this problem on many sites, and I see it everywhere. Here's the site I'm currently working on:</p>
  
  <p><a href="http://www.bridgecitymedical.com/wordpress/" rel="noreferrer">http://www.bridgecitymedical.com/wordpress/</a></p>
  
  <p>Thanks!</p>
  
  <p>tl;dr How can I defer loading of javascript on my websites so that the background image loads before anything else, thus preventing that white "flash" before the browser finishes downloading the image.</p>