CmsLazyload (optional)

GitHub - magesuite/cms-lazyload

This module converts images inserted into static blocks to be lazy-loaded.

 

Installation

This module is optional

composer require "creativestyle/magesuite-cms-lazyload" ^1.0.0

Admin settings

In order to enable module go to:

Stores -> Configuration -> General -> Web -> Image URLs processing

Settings:

Field

Options

Comment

Field

Options

Comment

Lazy load images in CMS blocks

Yes.No

After enabling all img tags used in CMS Blocks content will be automatically converted to use lazy loading.

Lazy load images warnings Logger enabled

Yes/No

After enabling - warning concerning incorrect HTML syntax in CMS blocks will be logged to invalid_blocks.log file

 

Enable WebP support setting comes from MageSuite_ThemeHelpers module

Frontend

The module adds loading="lazy" to images that are inserted via static blocks. If there already is loading attribute with any value (f.e. eager), the given image is ignored.

 

More information about lazy loading can be found here: Lazy loading - Web performance | MDN

Â