This page shows you how to use delayed image loading to speed up your web pages and achieve a better Google Page Speed test score through the use of simple Javascript code to delay loading of images.

One of the higher contributors to a slower website are images, especially if the images are not as compressed as they could be.

Delaying the loading of the images on your web pages and blog posts is actually quite simple to do and only requires a small bit of Javascript code and a slight modification of your images html code.

This modification to your images html code so the images don't load until after the rest of the web page loads involves replacing the images src (the url of the location of the image on your web server) with the data-src attribute ...