Closed
Description
Description (*)
In many situations, catalog lists can contain many images, while most of them remain under the first fold.
When running an audit using Lighthouse, it tells us the following.
So we need to add the loading="lazy" attribute to the images on the catalog list. This attribute is supported on the following browsers (source):
- Chrome >= 76
- Edge >= 79
- Opera >= 64
- Android Browser >= 80
- Chrome for Android >= 80
- Firefox >= 75
In Chromium's aforementioned blog post, it seems that lazy loading is enabled for all websites on Chrome Android browsers with Lite Mode enabled.
Expected behavior (*)
Better performance for catalog pages. This is achieved by adding the loading="lazy" attribute to the image_with_borders.phtml template.
Benefits
Better performance for both users and Lighthouse reports.
Additional information
Not for now