https://github.com/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
Setting:
Lazy load images in CMS blocks | After enabling all img tags used in CMS Blocks content will be automatically converted to use lazy loading. |
Lazy load images warnings Logger enabled | 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: https://developer.mozilla.org/en-US/docs/Web/Performance/Lazy_loading