title: fast way to load ajax content
body: <p>Lets say i have json which contains informations. What would be the best way to put the informations on site. Creating elements via js like
  (this is just part im interested in , inside ajax call)
      var div=document.creteElement("div");
      var text=document.createTextNode("bla");
      var img=new Img;
      img.src=json1.img;
      img.onload=function(){
        div.appendChild(text);
        div.appendChild(img);
      }
  or putting them "in" like</p>
  
  <pre><code>body.innerHTML+="&lt;div&gt;&lt;p&gt;blabla&lt;/p&gt;&lt;img src='json1.img'/&gt;&lt;/div&gt;"`
  </code></pre>
  
  <p>which one of there is better/faster/more efficient , or is there any better way how to put content into site via ajax? Also how does big sites that load tons of data from server handle this? Tons of data would take  a lot of time to load</p>