Defer Image

Speed up page loads by skipping images.

The purpose of this technique is to keep image resources from blocking the initial load and render of a page, which greatly speeds up time to page loading and improved UX... especially on limited bandwidth on mobile and abroad.

This technique works best for images that are "below the fold" or otherwise not shown in the viewport immediately on page load so that users don't notice the images coming into the page late.

This module creates a formatter for image fields that will output placeholder markup for an image that will then get turned into an img element via Javascript after other content and resources have finished loading.

Configuration options at: /admin/config/media/defer-image