Provides integration with bLazy and or

If you are on Drupal 8 or 9, please stay on the 8.x-3.x branch, but if you are on Drupal 10 or 11, you can move on to 4.0.x branch.

Motivation

Note: Unfortunately, the module has run its course. Instagram blocked Javascript methods for pulling content and this module is no longer useful.

Manages type of media contents and entity browsers in the site.

When using media to add images to content, having media view modes defined by aspect ratio, combined with a bunch of different image styles for the images in that specific aspect ratio solves the r

Overview

Quick description

Ensure images are natively lazy-loaded by browsers supporting the loading='lazy' img attribute.

Protect visitors' information from third-party embeds like YouTube.

Slick plugin provides full width slider, carousel, slideshow, responsive slider, variable width slider, dynamic height slider, center mode slider, lazy loading and thumbnail sliders.

Provides a simple integration with Intersection Observer API to lazyload blocks
and Views for modern browsers. Their contents will be lazy loaded once visible

Overview

Slick Browser provides a Slick Entity Browser integratio

Introduction

This module add support lazy image for image styles and responsive image.

About Layer Slider

LayerSlider is not free, so before installing it, be sure to buy the licence that fits the use of the plugin.

Image Lazy Loader using IntersectionObserver.

Control all of your media display from the Node Display page. Easily add modern, best-practices front-end enhancements for media.

Provides a field formatter for images, lazy-loading them using bLazy while displaying a blurry placehold

The module implements the lightweight lazy load plugin called unveil.js

This modules implements missing integrations between Picture and

Greatly inspired by the Borealis Responsive Image project, this module uses the same image replacement theory, Displaying a small

The Sirv module provides support within Drupal for integration with Sirv, an image processing and hosting platform, offering functionality that can replace

This module is deprecated. It is no longer adviced to install.

Overview

The Imgfly module delivers on-the-fly images for responsive layouts with minimum configuration. The module uses a javascript code that determines the width of the parent element that holds the image and thus requests an image that will be dynamically generated to requested size. For optimal performance you need to have a reverse proxy caching mechanism on your site like Varnish or Squid to cache and deliver the dynamically generated images.

Features

• Images are generated dynamically (on-the-fly).
• Images are delivered in precisely the right size required unlike other responsive image modules that deliver slightly larger images and scales them down to fit.
• Image sizes can be controlled by CSS on the parent elements containing the image element.
• Minimal configuration required with Image presets unlike other modules that require you to create many presets for each size format you wish to deliver.
• Width and height parameters are part of the image URL so you can use this to programatically call any image in any size format desired.
• Lazy loading of images is now possible in the beta2 version.

Requirements

• Highly recommended to use a reverse proxy caching mechanism like Varnish or Squid.

Similar projects

Lazyload your Images improves the performance.
Take performance in mind, to improve with lazy load mechanism.