title: How to restrict browser to display complete page data at once using JQuery/Javascript/HTML
body: <p>I have a JSP page which contains three sections header,body and footer. I am loading header and footer sections with jsp's at runtime using JQuery syntax and body section contains some images/data displayed. </p>
  
  <p>Now the problem I am facing is that, while running the application in browser, header page contains so many images which are being triggered from some locations due to that when ever I open this page in browser, first body section is getting diaplyed and then header content in being loaded. This is not I expect as I want all the page display at once.</p>
  
  <p>I want to display all the sections at one time. Is there any way to tell browser to display content at once using Javascript/JQuery. I tried using <code>document.ready</code> in JQuery as well as <code>window.load</code> in javascript. None of them are working.</p>
  
  <p>I am loading header/footer jsp's as below:</p>
  
  <pre><code>jQuery("#header").load('header.jsp');
  jQuery("#footer").load('footer.jsp');
  </code></pre>
  
  <p><strong>Problem: How to make sure browser displays all the page at once instead of displaying each section slowly.</strong>
  To put simple, I feel browser works loading web page in top-bottom approach. So when the browser sees tag to load header.jsp it should load header page first and them move on to body followed by footer.But in my case it is loading body first as it is having less content and then slowly loading header.</p>
  
  <p>PLease let me know if you need any further more details and provide me with any solution for this issue.</p>