Hello Harish, thank you very much for your positive feedback!
For CSS and JS modification, please check our "Magento 2 Google Page Speed Optimizer Extension." It's designed to do exactly what you need.
Magento 2 Lazy Load Extension
Optimize your website by loading images only when users scroll to them, saving time on the initial page load. This will significantly boost the Core Web Vitals score, as well as improve your customer browsing experience and search engine ranking.
- Lazy load off-screen images to reduce the time it takes for the initial page load
- Preload the top images so users can instantly see the page content
- Minify HTML and enable other features designed for better speed
| Product Details | |
| Version: | 1.0.5 (Oct 01, 2024) |
| Documentation: | User Guide |
| Live Demo: | View |
| Code Visibility: | 100% Open Code |
| Supported CE - EE: |
CE 2.3.x - 2.4.7 EE 2.3.x - 2.4.7 |
| License: | Single Magento Installation |
| Free Updates & Support: |
1 year (Details)
No subscriptions |
| Refund Policy: | 60 Days (View) |
Key Features of Magento 2 Lazy Load Extension
Magento 2 Lazy Load is an optimization tool that allows you to significantly improve the page speed and overall performance of your Magento store without development skills, simply by using quick extension configurations. By delaying the loading of off-screen images until users scroll to them, you save time on the initial page load and give customers a super-fast browsing experience.
You will also optimize your website pages on mobile devices, which is very important as mobile shopping has taken over in recent years. Moreover, it will help merchants who don’t use mobile-first website design to better optimize their content.
With this extension, your customers will enjoy lightning-fast shopping on your site, and your conversion rate growth will not keep you waiting.
How Lazy Load Improves Your Store
Better User Experience
Users no longer need to wait for the whole page to load each time when visiting new page. With the preload functionality, top images are instantly visible to customers, while lazy loading quickly delivers other off-screen content as soon as users scroll down to it.
Improved Core Web Vitals Score
Lazy loading is a way to reduce the number of required resources from the server. This directly affects the Core Web Vitals score.
Higher Site Ranking
Search engines’ major ranking factor is a high page speed. Lazy Loading will significantly boost your SEO index by increasing site performance.
Faster Browsing on Mobile
Faster initial page load makes browsing on mobile devices smoother especially when the internet connection is poor.
Better User Experience
Users no longer need to wait for the whole page to load each time when visiting new page. With the preload functionality, top images are instantly visible to customers, while lazy loading quickly delivers other off-screen content as soon as users scroll down to it.
Improved Core Web Vitals Score
Lazy loading is a way to reduce the number of required resources from the server. This directly affects the Core Web Vitals score.
Higher Site Ranking
Search engines’ major ranking factor is a high page speed. Lazy Loading will significantly boost your SEO index by increasing site performance.
Faster Browsing on Mobile
Faster initial page load makes browsing on mobile devices smoother especially when the internet connection is poor.
Preload Images for Instant Display
Image Preload automatically identifies above-the-fold images on your website pages and renders them instantly. As a result, your customers are immediately hooked and don't leave until something loads on a slow connection.
Adjust the number of preloaded images
Set up the custom number of images that should be preloaded on Product, Category, CMS, and other pages to render them as quickly as possible.
Manually preload images
Get more control of the automatic preload logic by manually specifying the most important images to be preloaded.
Lazy Load Content to Optimize Page Speed
Delay the loading of non-critical images and load them as soon as users scroll down to them. Lazy Loading accelerates page rendering and improves the browsing experience, which is especially useful for websites with high traffic and rich content.
Blocks
Integrate third-party widgets to lazy load images within them just by specifying block names in the extension configurations. The most common blocks, such as Related Products, Cross-Sells, Up-Sells, etc., are already set.
Image Conditions
Be more flexible in adjusting what images to lazy load. Include the specific images by CSS class, URL, and use the “Exclude By CSS Class” functionality.
Prioritize Resource Loading
Let the extension automatically prioritize the loading of JavaScript, CSS, images, iFrames, and other resources so that webpages are rendered faster and become usable to customers almost instantly.
Overview of Magento 2 Lazy Load Extension
All Features:
- Free Magento 2 Lazy Load extension provides flexible settings to enable and adjust image preloading and lazy loading to your website pages.
- The extension improves the LCP score (one of the three Core Web Vitals metrics), which results in faster page loading times, user experience, and a higher site ranking in search results.
- Image Lazy Loading can be applied for entire Product List, CMS page content, Related Products, Cross-Sells, and Up-Sells.
- Manually specify blocks or containers to lazy load images inside.
- Developers can apply lazy loading with image CSS classes or URLs.
- Lazy Load exclude list can be used to ensure full extension compatibility with other third-parties that use their built-in lazy load.
- Admins can set up image preloading to ensure the fastest initial page load and increase the LCP score.
- The number of preload images can be set separately for Category, CMS, and other pages separately to ensure the highest page loading speed even with a poor Internet connection.
- Some images can be ignored during preload by setting limits on their height and width.
- The data-hero image attribute can be used in HTML code to prioritize preloading of specific images, ignoring size limits.
- Enabling automatic resource loading prioritization improves page rendering.
Pricing of Magento 2 Lazy Load Extension
Lazy Load
FREE
|
Google Page Speed Optimizer
$149
|
|
| Preload images |
|
|
| Lazy Load images |
|
|
| Set custom Lazy Load & Preload strategy for specific pages |
|
|
| Automatically prioritize resource loading |
|
|
| Minify HTML |
|
|
| Minify CSS, JS |
|
|
| Use Smart JS bundling by Plumrocket |
|
|
| Move JS to the page footer |
|
|
| Preconnect to third-party domains |
|
|
| Use DNS-prefetch for third-party domains |
|
|
|
FREE
|
$149
|
Reviews of Magento 2 Lazy Load Extension
Write a Review
Every customer will automatically receive
$10 in reward points for each approved review.
-
Great and free extension to leverage the site load
![India]( "India")
Review for Magento 2.x
Pros:
Free extension and easy to use
leverage the site load.
Increase the site performance and increase the user experience.
Cons:
CSS and JS minification should be available there.
-
Indeed improves LCP score!
![United States]( "United States")
Review for Magento 2.x
Thank you for this free and useful tool. It has significantly improved the speed of my product and category pages. Images load smoothly without compromising the user experience. -
A finding for image-heavy design
![United States]( "United States")
Review for Magento 2.x
Great extension! All features work well immediately after the installation. A big thanks to the support team who helped me to tailor the extension to my custom theme.
Change Log of Magento 2 Lazy Load Extension
Legend:
- new feature
- bug fix
Version 1.0.5 Oct 01, 2024
- Fixed an issue where the module attempted to apply optimizations to non-HTML pages (e.g., robots.txt)
Version 1.0.4 Aug 28, 2024
- Fixed CSP errors in inline JS
Version 1.0.3 Apr 03, 2023
- Added support of Magento 2.4.6 version
Version 1.0.2 Feb 21, 2023
- Minor changes and improvements
Version 1.0.1 Feb 08, 2023
- Added automatic detection of the main product image in the Magic Zoom gallery, so it can now be preloaded with the highest priority
Version 1.0.0 Nov 09, 2022
- Created Lazy Load extension for Magento 2
