Skype us at scommerce.mage or call +44(0)1483 487746
Toggle Nav
Search
Advanced Search
My Basket
Menu
Account
Settings
Log In Sign Up

Magento 2 Lazy Load Image

Rating:
100% of 100
1  Review Add Your Review
Front end demo Back end demo View user guide View M1 version
£64.99
Compatible with Magento 2 community and enterprise 2.3.3 - 2.4.x including cloud edition

Improve the loading time of your site pages with our Magento 2 Lazy Load Image. Increase your site performance by loading product, category, cms page images as the user scrolls down the page. It helps you achieve better speed and performance, ensure a smooth user experience, better conversion and improved SEO score.

  • Delay Product images loading until users scroll down
  • Implements Lazy Load for images appearing on Static pages, Static blocks and Widgets
  • Optimize your SEO for Magento 2 websites
  • Smooth loading transition for better user experiences
  • Must have for mobile views
  • Compatible with HYVA Theme(NEW!)
  • Compatible with Breeze Theme(NEW!)
Tooltip

Free Support

up to 60 days

Free Upgrades

up to 1 year

Fully open source

 

5 Great plugin!
Just recently bought this module and it works great on our website. Support was great as well, we wanted to exclude banner images from all category pages and they helped us achieve that!
Composer Package name:
scommerce/lazyloading
Latest Version:
2.0.16
main product photo
Magento 2
Hyvä
Breeze
£64.99
£64.99

Product description

Magento 2 Lazy Load Image Extension

Compatible with Magento 2 community and enterprise 2.3.3 - 2.4.x including cloud edition

Magento 2 Lazy Load Image extension allows you to load product, category and CMS page images when scrolling down the pages to reduce loading time for better performance.

Problem Situation

Having images with a huge size in web content leads to reducing the download speed of pages. The users may wait too long and leave the site annoyingly even before viewing the products. They might choose the other sites with a higher performance score and make a purchase there which will lead to high bounce rate and all is just becuase the content loading took too long.

What is Lazy Loading?

Lazy loading (also known as on-demand loading) is an optimization technique for loading content on any web store. Instead of loading the whole web page content and rendering it to the user in one go as in bulk loading, the concept of lazy loading is based on loading only the visible section and delaying the remaining, until user scrolls down.

Benefits of Lazy Loading

  • It saves your web server resources on load
  • Works great with Mobile and tablets
  • Improves your site ranking
  • Boost your revenue with better user experience
  • Increases customers loyalty by making their desirable product accessible easily
  • Connect user to content faster, since only the visible portion needs to be downloaded when a user first opens it
  • SEO friendly
  • Reduce server bandwidth by loading images on demand

See How Much Gain in Performance can be Achieved with Lazy Load

 

SCENARIO: 1

“Our company has been looking for an extension to delay the loading of images on our category pages as a part of a performance optimization campaign. We have pagination on our category pages that display more than twenty products at a time. The product images are high quality hence they increase the page load time of these pages. We were looking for a feature where instead of preloading all images, the loading of certain product images is delayed so that the page can load quickly and the remaining images load in the background. Will we be able to achieve this using your extension?”

Yes, our Magento 2 lazy load image extension provides you the complete flexibility to delay the loading of images on category pages. As per your requirement certainly loading several high-quality images at once will increase the page load time and it's not good for SEO as well. Upon installing our extension your category page will be automatically optimized to delay the loading of all images and once the page load is complete the rest of the images load in the background. This extension automatically optimizes and implements lazy loading on several pages of the store such as home page, category pages, product pages, CMS pages, Search pages, Cart pages, etc. Not only that you can also skip certain images from being lazy-loaded if required via configuration.

SCENARIO: 2

“One of our clients asked - We have been looking for a Magento 2 lazy loading extension for our store. Although a lot of vendors are offering this extension, we have a unique requirement. Aside from delaying the loading of images on several pages of our store, we want a feature that allows us to skip certain specific images from lazy loading. For instance, we are promoting certain products on various pages of our category such as Category pages, Product pages, CMS pages, Promotional pages, etc. we want these images to be excluded from lazy loading specifically. Can your extension help us achieve this requirement?”

Luckily, our Magento 2 lazy loading extension has a feature that can help you fulfill your exact requirement. Suppose you have a product called “Fusion Backpack” that appears on various pages of your store. You want that its product image is skipped from lazy loading. In the configuration, we have a feature that can restrict images from lazy loading based on Matched Expression i.e you can provide a text in the configuration as well as in the image tag and if both the image tag contains the same text then that image is skipped from lazy loading no matter where it appears on your store. For the sake of our example we will provide we will go to Admin>Stores>Configuration>Scommerce Configuration>Lazy loading and then enter the text “Fusion Backpack” in “Ignore Images that contain”. Also, our extension contains various other features to help you exclude a certain number of images or even certain pages from lazy loading.

lazy scenario 2

Here are the main features of this module-:

  • Displays product images with every scroll
  • Works efficiently with any product listing on Home/Category/Product/Search/Cart/CMS pages
  • Option to set the amount of preload images
  • Option to define image count to skip images from lazy loading
  • Option to include/exclude pages
  • Option to exclude/ignore images with specific tag/expression
  • Option to add custom icon which displays before image loads (NEW!)
  • Implements Lazy Load for images appearing on Static pages, Static blocks and Widgets (NEW!)
  • Makes customer catalog browsing experience smooth
  • Enhances your website SEO to get more organic traffic
  • Compatible with HYVA Theme(NEW!)
  • Compatible with Breeze Theme(NEW!)
  • Fully responsive, works great on tablets and mobile phones
  • Support multi-store environment
  • User- friendly admin interface
  • Ability to enable/disable this module from the admin configuration
  • Easy to install and manage


We offer 60 days of free support and 12 months of free upgrade for any standard Magento site when you buy this extension. You can also get our installation service for a small fee. If you want more benefits, you can purchase our 12 months of free premium support and free lifetime upgrade package. Please contact us if you need any assistance or customization for this extension. We will reply to you within 48 hours. We may also offer you a special deal or a free solution if we like your idea.


** Please refer to our FAQ or T&C section for running our extensions on multiple domains or sub-domains

FAQ

Q: To enhance the user experience I want to restrict certain images from being lazy loaded. How do I exclude images from lazy loading?
You can specifically exclude the total number of images to be excluded from lazy loading on specific pages. Go to Admin>Stores>Configuration>Scommerce Configuration>Lazy loading and in the "Skip Images Count'' setting choose the “Page type” and “Skip count”. So on the selected page type the number of skip count images will be excluded from lazy loading.Lazy loading exclude pages
Q: I want to exclude certain pages on my store from lazy loading. How do I do that in your extension?
Yes, you can exclude certain pages from lazy loading. Go to Admin>Stores>Configuration>Scommerce Configuration>Lazy loading and in the “Exclude Pages” setting select all the pages that you want to exclude from lazy loading.Lazy loading exclude pages
Q: Does lazy loading also work for product videos?
No, it only works for product images.
Q: Is lazy loading compatible with CDN?
Yes, it is.
Q: Does lazy loading support auto page loading when the user scrolls down?
For auto page loading we would suggest you to install Infinite Scroll extension, check it out HERE.
Q. Is this module fully compatible with Hyva Theme?
A. Yes, the module is fully compatible with Hyva Theme.
Q. Is this module fully compatible with Breeze Theme?
A. Yes, the module is fully compatible with Breeze Theme.
Q: Is it possible to exclude images from lazy loading based on a certain text in their tags. For instance, I want to exclude all images that contain “Fusion backpack” in their alt text?
Yes, it is possible to exclude images from lazy loading based on their alt text. There’s a setting in our extension that lets you provide a certain expression and all the images containing this expression in their tags are excluded from lazy loading. To use this setting go to Admin>Stores>Configuration>Scommerce Configuration>Lazy loading and in the “Ignore images that contain'' setting provide the text/matched expression. So the extension will check all the images that contain the specific text provided here and exclude them from lazy loading. Lazy loading exclude images based on text
Q: Can you please suggest any SEO extension we should have for our website?
Yes, of course. Here is the link, Magento 2 Advanced SEO Suite

Q. How can I get license key for my development website?
A. Please login to your account and Go to My account section > From the left menu select Generate Dev License key > Enter the Dev site url and select the extension from the dropdown and click on generate to get the license key
Q. Can I test the extension before buying?
A. Unfortunately we can't provide you extension for testing purposes but we have demo available for most of our extensions and happy to provide full refund if the extension doesn't work
Q. Can I request for customisation on your extensions?
A. Yes we do provide all sort of customisation for our clients at the reasonable rates. And if we believe the customisation will help our product then we also provide great discount on the customisation
Q. I have two live domains, do I need a separate license key for each live domain?
A. Yes you need to buy a separate license key for each live domain (www.site.com) or sub-domain (de.site.com) or subfolder (www.site.com/de). If you are buying licenses for more than four live sites in one transaction then we can offer you 30% discount on total amount
Q. How can I upgrade my extension to the latest version?
A. If your extension is within the free upgrade period (12 months from purchased date) then simply email us with your order number and our team will send you the latest version of the extension but if it is outside free upgrade period then you need to buy an upgrade using the following link
https://www.scommerce-mage.com/magento-extension-installation-service.html

Once you received the latest version of our extension then we would highly recommend to delete all the files and folder of our extension from your website first before uploading the latest version because we might have removed existing files and keeping existing files could cause problems on your website.
Q. Does my license get expired after certain period?
A. No, your license is not going to get expired but we would highly recommend upgrading to get all the latest fixes (including security fixes if any), improvements and new features. In the upgrade, we also ensure it is compatible with the latest version of Magento and when you upgrade you will have a smooth transition.
Q.Where can I download the extension files?
A. Please login into your account on our website and go to the download link under my account section to download the extension package.
Q.Can you provide a key that works for our development (NOT PRODUCTION) environment which will work on a dynamic URL, for example, 12334.gitpod.com and 4567.gitpod.com?
A. Unfortunately it is not possible to generate license keys based on the dynamic URLs. License keys need to be generated per domain or subdomain whether it is production or non-production.
Q. How can I manually uninstall your module?
A. Please follow the below steps -:

Step 1: Navigate to our store and login to your account. Then go to the My Account Section, on the left menu click on Composer Instructions.
My account section
Step 2: Next, run the config commands shown on the top of the page then click on the extension that you want to install. A composer require command will be revealed in the dropdown menu. Run the command then clear caches to complete the installation. Composer instructions
Q. Do you support SPA (Single Page Application) / PWA (Progressive Web Application) / AMP ?
A. Unfortunately, we don’t support SPA or PWA or AMP but we may be supporting them in future depending upon the demand.

Change Log

Version 2.0.16
2024-06-06 14:28:22
Successfully addressed and rectified all Content Security Policy (CSP) inline script issues, ensuring full compatibility with Magento version 2.4.7
Version 2.0.15
2023-03-28 13:20:50
Fixed explode issue related to php 8
Version 2.0.14
2022-10-27 13:14:25
Added PHP 8 Support
Fixed some Marketplace Bugs
Version 2.0.13
2021-10-08 10:26:43
Made it compatible with Klarna checkout and added new configuration to exclude certain pages to get lazy loaded
Version 2.0.12
2021-08-05 16:46:39
Made it compatible with Magento 2.4.2 and optimised the code for better performance.
Version 2.0.11
2021-06-26 12:09:44
Fixed issue related to DOM modification to keep the DOM intact as before except adding lazy load class.
Version 2.0.10
2021-06-10 15:39:33
Added new configuration (YES/NO) for lazy load to work on product images only for category page. Also fixed issue with Fonts and changing DOM elements only when images are involved.
Version 2.0.9
2021-02-10 10:18:59
Minor performance improvements to improve rank in Google PageSpeed Insights
Version 2.0.8
2021-01-04 12:53:17
Upgraded lazy load to latest version and created new setting to skip first few images for each page type instead of global configuration for all pages
Version 2.0.7
2020-12-08 13:12:51
Added some performance improvements and made this compatible with Amasty ShopBy module
Version 2.0.6
2020-09-24 10:45:21
Added PHP 7.4 support, also made extension compatible with Magento version 2.4
Version 2.0.5
2020-07-15 11:02:56
Added PHP 7.3 support, also done minor performance improvements
Version 2.0.4
2020-03-16 12:56:57
# Changing version number with wildcard instead of hard coded value for future releases.
Version 2.0.3
2019-08-20 10:50:28
Add functionality to upload own icon which displays before image load.
Add functionality to applying lazy loading for all the images. (cms, block, widget).
Version 2.0.2
2019-07-24 07:28:41
Fixed issues reported by magento marketplace team and updated the language CSV file.
Version 2.0.1
2019-07-15 08:14:02
Fixed the lazy loading jquery issue and optimized the code.
Version 2.0.0
2019-07-10 13:33:46
Fixed minor issues
Show More
Show Less

Reviews 1

Write Your Own Review
Write a Review
You may also like