title: Prioritizing contents and loading specific element before the other
body: <p>I tried to optimize my pages today with Google Speed 
  <a href="https://developers.google.com/speed/docs/insights/" rel="nofollow">https://developers.google.com/speed/docs/insights/</a></p>
  
  <p>And it says, <a href="https://developers.google.com/speed/docs/insights/PrioritizeVisibleContent#structure" rel="nofollow"><strong>here</strong></a></p>
  
  <blockquote>
    <p>If your site uses a two-column design with a navigation sidebar and an article, but your HTML loads the sidebar before the article, consider loading the article first.</p>
  </blockquote>
  
  <p>Until today, I didn't think loading specific div element was ever possible. The documentation does not show any tutorials too, so I am confused how this is done. If it done with Javascript/CSS</p>
  
  <p>Any help would be much appreciated. </p>