title: jsp include vs jquery ajax
body: <p>I have a jsp page that has separate modules or widgets on it. To improve the overall load-time of the page, I was thinking of fetching those independent modules in parallel.
  I have 2 strategies :</p>
  
  <p><strong>1: JQUERY AJAX</strong></p>
  
  <pre><code>function getSimilars(){
      $('#similars').load('getSimilars.jsp');
  }
  function getActivity(){
      $('#activity').load('getActivity.jsp');
  }
  
  $(document).ready(function(){
      var funcList = ['getSimilars','getActivity'];
          $.each(funcList, function(i,v){
              window[v]();
      })
  });
  </code></pre>
  
  <p><strong>2: STATIC INCLUDE</strong></p>
  
  <pre><code>&lt;div id="similars"&gt;
      &lt;%@include file="getSimilars.jsp" %&gt;
  &lt;/div&gt;
  &lt;div id="activity"&gt;
      &lt;%@include file="getActivity.jsp" %&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I know that <strong>1</strong> runs from the browser while <strong>2</strong> runs during compile time. But which of these would make my page load faster?</p>
  
  <p><strong>EDIT:</strong>
  While the jquery method runs both function in <strong>parallel</strong>, I think the 2nd method makes those 2 <code>include</code>s run <strong>serially</strong>. Am I right ?</p>