Lazy Loading Responsive Images

Mon, 07 Oct 2013 08:11:00 +0000

Learn more below or see the Demo →

Most of last week I was rebuilding a website for a longstanding client. Performance (i.e.how fast the thing renders) is not only important to this client, it’s imperative. A good proportion of their customers live out in the sticks, and as a result, many have slow internet connections.

Lazy Load to the Rescue

To speed up page load, we decided to use the popular Lazy Loader plugin which defers the initialisation of images until they were needed. Most importantly though, users on slow connections would have the (essential) page content loaded almost instantly, while (complementary) imagery could download subsequently.

Responsive on Afroleft

Lazy Loading Responsive Images

Lazy Load to the Rescue