title: Google pagespeed- load images without affecting render time
body: <p>I have a slider and am loading low grade images to facilitate a quick load. </p>
  
  <p>on window ready i am loading the proper sized images</p>
  
  <pre><code>function loadImages(){
  
      var images= document.getElementById('dhadimages').getElementsByClassName("dhadsecondimg");
      var index;
      for (index = 0; index &lt; images.length; ++index) {
          images[index].src= images[index].dataset.img;
      }
  
  }
  
  window.onload = function () { loadImages(); }
  </code></pre>
  
  <p>but pagespeed counts this as part of the render time. For the moment i am loading when the user clicks on something and obviously this works, but why is pagespeed not detecting <code>window.onload</code> and stopping measurements there? Is there any techniques beside delay or any later events to bind to?</p>