Lazy Load for Magento 2

Speed up the loading of your site pages with Magento 2 Lazy Load. Improve your site performance by loading product images by demand and fasten page rendering with code and image optimization.

  • Apply preload images to the first screen of the page
  • Lazy load Magento products when customers scroll down
  • Offload the server to save the Internet bandwidth
  • Optimize images by AVIF or WebP format, mobile or tablet resolutions
  • Reduce the size of product thumbnails without affecting their quality
  • Implement code optimization and server push for the rapid content delivery
$199
Add to Wish List
Product updates and support for 12 months

Updates and support prolongation - $125

more info

Pick a combo deal with 15% discount:

=
$767
Save $115.05
$651.95

 🚩 Challenge

Using  media files with a huge size leads to reducing the load speed of pages. Your customers may wait for too long and leave the page before making a purchase. Also, Google places stores with a better performance score higher on a search results page. Poor performance affects your SEO ranking and leads to traffic loss.

💫 Solution

Lazy Load for Magento 2 is the optimization method that fills product information only when a user scrolls down the pages, thus speeding up initial page rendering. The defined solution includes 2 extra optimization tools: image compression and code structure optimization to meet both customers’ and search engines’ requirements.

❗ Lazy Load extension has the same set of features
as Google Page Speed Optimization solution for Magento 2.

What benefits do you get for your store

☀️

Retain customers by excluding the probability of performance issues

Get x2 organic traffic by improving site ranking and search results position

💡

Enhance customers’ loyalty by delivering desired content in a blink of an eye

Configure lazy load algorithm

Lazy Load in a Magento 2 store works like this: customers come to a page and timely get the content of the first screen. All other media files are loaded only when shoppers need them and start to scroll. If a store has a large catalog, it takes a lot of time to render all the files, and deferred initialization helps to avoid store abandonment in such cases.

Optimize and compress images

Gradual image delivery is not all you can do for better performance: image size also matters. To load media files faster and reduce the load on your server, the extension lets you use lighter images without quality loss. The fewer bytes a browser loads, the faster a customer gets content.

Check how our Magento 2 extension improves your store performance

Prevent losing potential customers by making your site perform better. See the results of optimization with help of Google PageSpeed Insights tool for Home page , Category page , and Product page . Alternatively, use GTmetrix to check if it works.

Create optimal code structure

Additionally, the Lazy Load plugin for Magento includes the features for code compression, as the number of scripts also increases page loading time. Process JS, CSS and HTML content to organize in-depth optimization.

advanced-search

Improve search experience

Display relevant search results and level up your search popup with the help of the Advanced Search for Magento 2 extension.

elasticsearch-for-magento-2

Maximize sales with smart Elastic Search

Equip your store with an ultimate search functionality. Provide precise search results and improve store navigation with Elastic Search for Magento 2.

related-products

Increase the average order value

Build relevant product recomendations to boost spontaneous purchases. Explore Automatic Related Products for Magento 2 to find out how to display automatic recommendations.

reports-add-on-for-free-gift-for-magento-2

Build loyalty with a super-effective promo tool

Gain loyalty and trust to your business by offering a Free Gift for Magento 2. Create personalized offers and unique propositions to build long-term relations with shoppers.

Explore new business avenues with ease.

Our Shopify App Development Company specializes in creating Shopify apps that complement your Magento store’s success, adding value to your diversified e-commerce strategy.

FAQ

  • Install and enable the Lazy Load extension.
  • Go to Stores > Configuration and open the Lazy load tab.
  • Expand the Lazy load section and click Product pages.
  • Set the Enable Custom Lazy Load and Use Lazy Loading Images, and Preload Images fields to Yes.
  • Configure Lazy Load Script, Desktop Preload Images Number, Tablet Preload Images Number, Mobile Preload Images Number, Ignore Images that Contain.
  • Save the changes.
magento 2 lazy load

Magento 2 Lazy Load is the extension that allows you to enable lazy load for the images on your Magento 2 store to improve page speed and reduce the page size. If you are not familiar with the image lazy load, please read more about it, it will have a dramatic impact on your online store performance.

magento 2 lazy load

Images and other visual elements often slow down page loading. After enabling Magento 2 lazy load for images, your website will load faster. This is crucial for user experience because if the website loads more than 3 seconds, most of the users leave the page.

magento 2 lazy load

Magento 2 Lazy Load is the extension that allows you to enable lazy load for the images on your Magento 2 store to improve page speed and reduce the page size. If you are not familiar with the image lazy load, please read more about it, it will have a dramatic impact on your online store performance.

magento 2 lazy load

Log in to your Magento admin panel. Navigate to Stores > Settings > Configuration > Mageplaza Extensions > Lazy Loading

magento 2 lazy load

The Magento Lazy Load extension helps the development team shorten their web pages' load time. It doesn't spend time loading all the product images at once. This results in a significant decrease in the bounce rate. Magento Lazy Load only loads images within the visible part of the page.

magento 2 lazy load

An image, not visible to the user when the page loads, is loaded later when the user scrolls and the image actually becomes visible. These techniques help in improving performance, better utilization of the device's resources, and reducing associated costs

magento 2 lazy load
Adobe partner logo
Magento Marketplace logo
4.5
See 500+ verified reviews
1 Single points of sales
Trusted by Customers
Are Amasty extensions compatible with all themes and extensions by other vendors?
Amasty extensions work with all plugins we issued and with most 3rd-party plugins. If you come across a Magento 2 compatibility issue with any third-party module, we’ll definitely try to help you. If you face any technical issues, please create a ticket...
Will I get free support and updates?
Product updates for extensions purchased before Feb 1, 2022With the transition to product subscriptions, you will receive product updates for all extensions purchased before Feb 1, 2022 throughout the entire grace period — up to Aug 1, 2022. If you ...
Do you have the installation service in magento?
Yes, you can use installation and configuration services that are available as the part of Pro and Premium add-ons for your product subscriptions.Please note that this installation service doesn’t include uninstallation. So, if you need to completely...
Can I request a free trial?
Amasty doesn’t provide any trials of Magento extensions. There's one exception: Amasty extensions are provided for testing or demo purposes to our official Platinum Partners as a part of the “access to Amasty extensions for testing purposes with Composer...
Can I test an Amasty extension on a staging site before transferring it to a live one in magento?
Yes, you can install any Amasty extension on a test site and configure all the settings there before doing it on your live store.
How can I get a refund?
Amasty offers to its Customers a thirty (30) day money-back guarantee for the Software. In case the acquired extension didn’t meet your expectations, our support team is always ready to help you. Fees for support subscriptions and any services provided...
How can I receive a discount?
We are now working at a loyalty program for our customers that is supposed to bring even greater benefits in the long term. While it’s not out yet, you can look through these Special Offers. New discounts and specials are added every month. To stay ...
How to update a Magento 2 Amasty extension?
To update a Magento 2 extension by manual upload:1. log in to the customer account;2. navigate to the Products tab, scroll to the packages section, and click the Download link next to the extension that should be updated;3. Important: If some extension...
If I need additional features to be added to an Amasty extension, how can I ask for it?
To leave your feature request, log in to your customer account and open the Products tab. Then, scroll down to the bottom of the page, and leave your feature request in the following form: As soon as you send your request, it is considered by our ...
Magento 2 Amasty extensions installation
Each Amasty extension package is provided with the extension files, installation & setup guides, and a license agreement. Some extensions include import files examples as well. So how to install our Magento extension? What is the plugin...
How can I prolong support?
If you have an active support service subscription, it grants you access to support services for all products purchased before Feb,1 as long as your subscription is active. Alternatively, support services are only available as the part of a product ...
Can I change the EE extension to CE for free in magento?
Usually, no, you can’t exchange modules. Please, contact our support managers and they’ll consider your case individually. → Learn more about our special offers
How can I get a discount to re-purchase plugins?
Usually, we don’t provide any discounts. But you can contact us, and we’ll consider your case individually. → Learn more about our special offers
Customer Reviews

Do you need specific features added so you can achieve your business goals?

Drop us a line and we'll customize this extension for you!

You can always download the recent version free of charge from your account installing an upgrade is easy

See Magento (and other software) versions we support and guarantee their compatibility with our extensions

Version 3.5.0
Last Update: Oct 02, 2024
3.5.0 - Oct 02, 2024
  • Improvement we added the ability to use the Imagick library for Image Resolutions to improve image optimization speed (Note: this functionality is available as part of an active product subscription or support subscription)
  • Fix the issue with image optimization using patterns when Full Page Cache and the "Use User Agent for Loading Images" option are enabled was resolved
  • Fix we resolved the CSP console error when the "Use Lazy Loading Images" setting is enabled
  • Fix we fixed compatibility with Amasty Infinite Scroll, ensuring images are replaced with WebP as intended
Version 3.4.0
Last Update: Jun 18, 2024
3.4.0 - Jun 18, 2024
  • Improvement minor improvements in system messages to avert problems with extensions configuration
  • Fix WebP image optimization now works correctly when the 'Use Product Image' setting is enabled
  • Fix we solved the issue with displaying images with the 'srcset' attribute on the frontend when optimizing via SpeedSize
  • Fix fixed WebP optimization for the Safari browser
Version 3.3.0
Last Update: Mar 15, 2024
3.3.0 - Mar 15, 2024
  • Improvement now Lazy Load functionality is compatible with images using the <source> tag within <picture> and images with the <srcset> tag within <img> (Note: the compatibility is available for Pro and Premium module versions and as a part of an active product subscription or support subscription)
  • Improvement we added 'Ignore Preload Images that Contain' setting, allowing to specify which images should be excluded from preloading
  • Fix we fixed compatibility with Amasty Mega Menu so now subcategories are displayed with images as intended
  • Fix we eliminated the issue with missing GET parameters for images
  • Fix we fixed Amasty Banner Slider module compatibility with WebP optimization
  • Fix now images that are output by Automatically Related Products rules are being converted to WebP format
  • Fix we fixed compatibility with Amasty Promo Banners so now banners images are displayed in WebP format
Version 3.2.0
Last Update: Oct 20, 2023
3.2.0 - Oct 20, 2023
  • New we added AVIF image optimization support which is provided as a part of smart optimization for the Pro and Premium versions (Note: the compatibility is available as a part of an active product subscription or support subscription). Compatible with PHP version 8.1 and higher
  • Fix we fixed the compatibility with Amasty Mega Menu so now Mega Menu icons images are converted to WebP as they should
  • Fix we fixed the issue with main product image converting to WebP format when 'Catalog media URL format' sett as 'Image optimization based on query parameters'
Version 3.1.1
Last Update: Apr 17, 2023
3.1.1 - Apr 17, 2023
  • New we added the possibility to optimize images stored in AWS Remote Storage
  • Fix we solved the problem with images in the GIF format optimization
  • Fix we fixed the compatibility with Amasty Quick Order so now WebP images copies for the Table Category Mode are generated as they should
3.1.0 - Apr 07, 2023
  • Compatibility we added the compatibility with Hyvä Theme for Google Page Speed Optimizer Pro. You can find the 'amasty/module-page-speed-optimizer-hyva' package for installing in composer suggest (Note: the compatibility is available as part of an active product subscription or Support Subscription)
Version 3.0.1
Last Update: Feb 13, 2023
3.0.1 - Feb 13, 2023
  • Fix we solved the issue with the directory tree displaying in the "Folders for Optimization" setting when there are special characters in the directory name
  • Fix we fixed the compatibility with Amasty Mega Menu so the issue with image copies creation in the WebP format was resolved
  • Fix we fixed the problem with the str_ireplace() deprecated functionality
  • Fix we solved the problem with an image incorrect background after optimization
  • Fix we solved the errors occurred when a folder from AWS Remote Storage is being selected for image optimization
3.0.0 - Dec 16, 2022
  • Compatibility the compatibility with the SpeedSize was added (available in the Pro and Premium Versions of the Google Page Speed Optimizer Solution)
  • Improvement now it is possible to enable automatic image optimization not only for the Catalog and Wysiwyg folders, but also for any folders in pub/media (Please note that the settings for Automatic Optimization of the Newly Uploaded Images will now be configured in patterns, what allows you to make them more flexible)
Version 2.3.3
Last Update: Oct 31, 2022
2.3.3 - Oct 31, 2022
  • New now it is possible to add an aspect-ratio tag to images
  • Improvement we optimized the Server Push setting work due to removal of the Server Push function from Chromium-based browsers. Please note that Chrome version up to 106 and other Chromium-based browsers will have Preload functionality in their next releases
  • Improvement minor improvements in system messages to avert problems with extension configuration
  • Fix we solved the problem with processing images uploaded by Varnish ESI block
  • Fix we fixed the issue occurred during pages Lazy Loading when images don't have height or width value set
  • Fix we fixed the compatibility with PHP 8.1 by updating Mobile-Detect library to the latest version
  • Fix we resolved the problem with incorrect WebP images for Child Products
  • Fix we fixed the compatibility with Amasty Order Notes so now flags are being save as expected
2.3.2 - Aug 18, 2022
  • Improvement we added the possibility to optimize images with Third-party attributes added
  • Fix we fixed invalid header value when Lazy Load and User Agent are enabled
  • Fix we fixed the issue with Cloud optimization
2.3.1 - Apr 18, 2022
  • Compatibility now the extension is compatible with Magento 2.4.4
Version 2.2.0
Last Update: Aug 11, 2021
2.2.0 - Aug 11, 2021
  • New now Accelerated Mobile Pages functionality is available as a part of Google Page Speed Optimizer Pro and Premium tariffs
Version 2.1.3
Last Update: Jul 27, 2021
2.1.3 - Jul 27, 2021
  • Improvement we improved Google Page Speed Optimizer and Image Optimizer general settings to make the modules' configuration more convenient
2.1.2 - May 31, 2021
  • Compatibility we improved Compatibility with Varnish cache. Now users who visit the site for the first time will get WebP images
  • Improvement we added WebP support for Safari 14
  • Fix we fixed the issue occurred when disabling the lazy load extension using general configuration
  • Fix we resolved the problem with webp images in using the settings ‘Use User Agent for Loading Images’ and ‘Ignore Images that Contain’
2.1.1 - Mar 18, 2021
  • Fix we fixed the issue occurred during the process of compilation
  • Fix we resolved the problem with store codes for correct functioning of Server Push
  • Fix we fixed the error that occurred in optimization if there are no configurable or simple types of products
2.1.0 - Feb 24, 2021
  • New now the extension comes with a new setting to let you optimize images for only enabled products
  • Compatibility compatibility with Amasty Full Page Cache Warmer was improved
  • Improvement we enhanced the work of diagnostics, so you can check the website's score improvement immediately after configuring the extension
Version 2.0.0
Last Update: Feb 10, 2021
2.0.0 - Feb 10, 2021
  • New now the extension comes with Server Push that serves resources to browser before it requires thus reducing the round trip time
  • Improvement we upgraded the extension’s settings to avert problems with configuration
  • Improvement we enhanced the process of generating Webp images
Version 1.8.5
Last Update: Nov 19, 2020
1.8.5 - Nov 19, 2020
  • Fix we fixed optimization of WebP images when the uppercase format is indicated
1.8.4 - Oct 01, 2020
  • Fix we fixed the issue with automatic optimization of images added via pagebuilder
1.8.3 - Sep 02, 2020
  • Compatibility compatibility with Amasty AMP extension was enhanced
1.8.2 - Jul 10, 2020
  • Fix we resolved the problem with incorrect store view URL used for diagnostic
1.8.1 - Jun 03, 2020
  • Fix we resolved the problem with lazy loading when the setting ‘Use User Agent for Loading Images’ is enabled
  • Fix we fixed the error appeared when images had spaces in the names
  • Fix we added validation in image files existence before processing
  • Fix we fixed the issue with base64 images on Magento 2.3.5
1.8.0 - May 05, 2020
  • Improvement we improved the behaviour with Varnish cache that was incorrect with some browsers not supporting WebP image format.
  • Fix we fixed the issue with the error \"A technical problem ...\" when a file without extension appears in the optimization queue
  • Fix we fixed the issue with incorrect verifying of the image optimization tool
  • Fix we fixed the issue with the conversion to WebP format of files with the same name but different extensions
  • Fix we fixed the issue with image optimization from Admin Panel in Magento 2.1.x
  • Fix we fixed the issue with not enough memory for JavaScript optimization on low memory instances
  • Fix we fixed the issue with the error during the process of Magento installation with extension inside
  • Fix we fixed the issue with extra-large HTML regex backtracking
Version 1.7.4
Last Update: Feb 25, 2020
1.7.4 - Feb 25, 2020
  • Improvement we improved code constructions for Magento Marketplace standards
  • Fix we solved the problem with using special chars in name of pictures
1.7.3 - Feb 05, 2020
  • Fix we resolved the problem with incorrect getting some config settings: ignores, move js
1.7.2 - Jan 30, 2020
  • Compatibility now the module is compatibly with Varnish
  • Compatibility now the module is compatible with Amasty AMP extension
  • Compatibility now the module is compatible with img tag which includes empty src
  • Improvement an ability to add compatibility with 3-rd party extensions which use AJAX was added
  • Improvement now the srcset in images lazy load will be deleted
  • Fix we solved the problem with empty rows in module configuration (ignore sheets)
  • Fix we solved the problem after Amasty JS Optimization running
1.7.1 - Dec 10, 2019
  • Fix we resolved the problem with incorrect displaying of top menu on mobile view
  • Improvement we corrected the work of Amasty JS Optimization
1.7.0 - Nov 22, 2019
  • Improvement we corrected the work of the automatic optimization feature: now you can optimize only one of non optimized URL from all your site, also extension will give you choice which of Store Views pages you want to optimize
  • Fix we solved the problem with image optimization configuration for a large numbers of image folders
  • Fix we solved the problem with incorrect caching
  • Fix we resolved the problem with error while events.xml is empty
  • Fix we solved the problem with automatic images optimization on front end
Version 1.6.2
Last Update: Oct 25, 2019
1.6.2 - Oct 25, 2019
  • Fix we solved the problem with invalid XML after extension install
1.6.1 - Oct 23, 2019
  • Improvement minor visual improvements in the extension main settings
1.6.0 - Oct 15, 2019
  • New we added an information block that allows you to check results of optimization and show Google recommendations from admin side
  • Improvement now category and product pages are added to bundling js feature
  • Improvement we implemented a speed enhancement that lets you run multiple threads to minimize the time required for optimizing media on your site
Version 1.5.2
Last Update: Sep 27, 2019
1.5.2 - Sep 27, 2019
  • Fix we solved the problem with extension updating
1.5.1 - Sep 12, 2019
  • Fix the issue with generating queue on Magento 2.3.2 was resolved
1.5.0 - Sep 04, 2019
  • New we added a new feature for image optimization - 'User Agent'. If enabled it allows to set separate 'preload' feature for Mobile, Tablet and Desktop devices and to use WebP+Resize+LazyLoad features for the same one image at once as well
  • New images optimization was moved to separate grid - now you can choose optimization options for particular folders on your server. Please, navigate to the ‘Content>Google Page Speed Optimizer>Image Folder Optimization Settings’
  • Improvement we improved the 'Image Optimization' tab on the extension's general settings page making it more clear and comfortable to use
Version 1.4.0
Last Update: Aug 19, 2019
1.4.0 - Aug 19, 2019
  • New Javascrtipt and CSS sections was greatly improved - now you can specify excludes for admin pages, custom store pages by url, part of JS on pages, and move merged JS and CSS files by custom URL pages
  • Improvement Javascript section for Magento Cloud instances was refactored; please, do not forget to specify the appropriate setting in the configuration if you use the Cloud instance
Version 1.3.0
Last Update: Jun 04, 2019
1.3.0 - Jun 04, 2019
  • Improvement we enhanced the code
  • Improvement we improved the 'Amasty JS Optimization' feature for better performance
  • Compatibility we enhanced the compatibility with Magento versions elder than 2.2.0
  • New now it is possible to exclude specific fonts from deferring when using 'Defer Fonts Loading' feature
Version 1.2.4
Last Update: May 10, 2019
1.2.4 - May 10, 2019
  • Fix we resolved the possible issue with JS bundling on a multi-domain website
1.2.3 - May 04, 2019
  • Fix we resolved the issue with the js error `Fieldset is not defined` during the 'JavaScript Bundling' process
1.2.2 - May 03, 2019
  • Fix we resolved the issue with generating the queue when using 'Use Webp image format'
1.2.1 - Apr 18, 2019
  • Fix we resolved the multiple select folders in 'Folders For Optimization`
1.2.0 - Apr 15, 2019
  • New we developed the Amasty Advanced JS Bundling. Now it is possible to create an advanced bundle of JS Google
Version 1.1.0
Last Update: Apr 03, 2019
1.1.0 - Apr 03, 2019
  • New Advanced settings for the Lazy Load feature was added. Now it is possible to set optimization for different page types individually
  • Improvement the image optimization process was improved. Now it is executed by creating the queue and processing it. It can be launched via CLI as well
  • New Now you can choose folders with images for optimization
  • New Now it is possible to choose the compression level for the JPEG optimization.
  • New Introducing the image resize feature. The extension creates several copies of an image in different sizes
  • New WebP image format was added. The extension can create a copy of an image in WebP format. Browsers that support WebP will receive images in the format
Version 1.0.6
Last Update: Mar 07, 2019
1.0.6 - Mar 07, 2019
  • Improvement we have improved the 'Move JavaScript To Page Bottom' process. Now it works more stable with custom themes
1.0.5 - Feb 21, 2019
  • Improvement we have added a setting for excluding certain images from Lazy Load processing
1.0.4 - Feb 06, 2019
  • Fix the operation of the 'Run Optimization Now' button was fixed
1.0.3 - Feb 04, 2019
  • Fix : the possible problem with displaying images wile enabled Lazy Load option was resolved
1.0.2 - Jan 30, 2019
  • Fix the issue with adding the lazy load script to robots.txt was resolved
1.0.1 - Jan 17, 2019
  • Improvement minor visual improvement in the admin area (extension settings)

Ratings & Reviews

4.5
Rating:
90% of 100