Defer Image Load

Categories

Component ID

2200651

Component name

Defer Image Load

Component type

module

Maintenance status

Development status

Component security advisory coverage

not-covered

Component created

Component changed

Component body

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. The purpose of this is to keep image resources from blocking the initial load and render of a page which speeds up page loading. 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.

There are several configuration options at /admin/config/media/defer-image.