PHPackages mage2kishan/module-imageoptimizer - PHPackages - PHPackages [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register) 1. [Directory](/) 2. / 3. [Image & Media](/categories/media) 4. / 5. mage2kishan/module-imageoptimizer ActiveMagento2-module[Image & Media](/categories/media) mage2kishan/module-imageoptimizer ================================= Frontend image performance: lazy loading (Native/IntersectionObserver/Hybrid), WebP browser detection with fallback, preload hints, async decoding, and fetchpriority 1.0.5(1mo ago)026↓66.7%11proprietaryPHPPHP >=8.1 Since Apr 16Pushed 2mo agoCompare [ Source](https://github.com/mage2sk/module-imageoptimizer)[ Packagist](https://packagist.org/packages/mage2kishan/module-imageoptimizer)[ RSS](/packages/mage2kishan-module-imageoptimizer/feed)WikiDiscussions main Synced 3w ago READMEChangelogDependencies (12)Versions (7)Used By (1) Magento 2 Image Optimizer: Lazy Loading, WebP Detection and Core Web Vitals Booster (Hyva + Luma) ================================================================================================= [](#magento-2-image-optimizer-lazy-loading-webp-detection-and-core-web-vitals-booster-hyva--luma) [![Magento 2.4.4 - 2.4.8](https://camo.githubusercontent.com/079c832211eed4f9451ebe264e3865f825b0f9f31b041cbf03676c6e254535d4/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f4d6167656e746f2d322e342e342532302d2d253230322e342e382d6f72616e67653f6c6f676f3d6d6167656e746f266c6f676f436f6c6f723d7768697465)](https://magento.com)[![PHP 8.1 - 8.4](https://camo.githubusercontent.com/56b3cce18841623e2cbed2ebf09b06be1be8807e99e6e054a89d304ab4790b8e/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f5048502d382e312532302d2d253230382e342d626c75653f6c6f676f3d706870266c6f676f436f6c6f723d7768697465)](https://php.net)[![Hyva + Luma](https://camo.githubusercontent.com/d4d6a05401973034a5aae392f030440eefa40afc9191ffb06ed897af5d25adb1/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f5468656d65732d487976612532302532422532304c756d612d313462386136)](https://www.hyva.io)[![Live Demo & Details](https://camo.githubusercontent.com/711524faa832bb47013af86adb22be4c88091242121d5dce74070068f6c5400f/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f4c69766525323044656d6f25323025323625323044657461696c732d6d6167656e746f2d2d322d2d696d6167656f7074696d697a65722d3044393438383f7374796c653d666c6174)](https://kishansavaliya.com/magento-2-imageoptimizer.html)[![Packagist](https://camo.githubusercontent.com/eeb36ac73128086f193f265fc8822c461013e039ca3a033e665a4e2727ea1db0/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f5061636b61676973742d6d616765326b697368616e2532466d6f64756c652d2d696d6167656f7074696d697a65722d6f72616e67653f6c6f676f3d7061636b6167697374266c6f676f436f6c6f723d7768697465)](https://packagist.org/packages/mage2kishan/module-imageoptimizer)[![Upwork Top Rated Plus](https://camo.githubusercontent.com/6f72584179420c41ed90432fd2579a4ed36199d4229e8181d20f353c1c4ee4eb/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f5570776f726b2d546f702532305261746564253230506c75732d3134613830303f6c6f676f3d7570776f726b266c6f676f436f6c6f723d7768697465)](https://www.upwork.com/freelancers/~016dd1767321100e21)[![Website](https://camo.githubusercontent.com/f1ae86d28e2b505aee60f240d3e5508e390b0a8dc7a9b7ecf1b450fad862053f/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f576562736974652d6b697368616e736176616c6979612e636f6d2d304439343838)](https://kishansavaliya.com) > **Speed up your Magento 2 store by loading images smarter, not harder.** Panth Image Optimizer adds lazy loading (Native, IntersectionObserver, or Hybrid), client-side WebP detection with PNG/JPG fallback, preload hints for critical images, async decoding, and fetchpriority on LCP candidates. Pure frontend layer, no server changes needed. **Product page:** [kishansavaliya.com/magento-2-imageoptimizer.html](https://kishansavaliya.com/magento-2-imageoptimizer.html) --- Quick Answer ------------ [](#quick-answer) **What is Panth Image Optimizer?** It is a Magento 2 frontend image performance extension that adds lazy loading, WebP browser detection, preload hints, async decoding, and fetchpriority to improve Core Web Vitals (LCP, INP) without touching your server or image storage. **What does it add to my store?** - **Three lazy loading strategies** (Native, IntersectionObserver, Hybrid) so offscreen images are not fetched until needed. - **WebP browser detection** that strips unsupported WebP source tags so browsers fall back to PNG/JPG automatically. - **Preload hints** that inject `` for above-the-fold images to cut LCP time. - **Async decoding and fetchpriority** attributes so LCP candidates get network priority and decode off the main thread. - **Admin debug mode** for troubleshooting optimization activity in the browser console. **Which themes are supported?** Both **Hyva** and **Luma** out of the box. **What does it need?** Magento 2.4.4 to 2.4.8, PHP 8.1 to 8.4, and the free `mage2kishan/module-core` package. --- Need Custom Magento 2 Development? ---------------------------------- [](#need-custom-magento-2-development) > **Get a free quote for your project in 24 hours** for custom modules, Hyva themes, performance work, M1 to M2 migrations, and Adobe Commerce Cloud. [ ![Get a Free Quote](https://camo.githubusercontent.com/eac8c45d21cff8b139ddc392325f3bd6c8266a6f3d7b23f15131c958f3d3c8d0/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f476574253230612532304672656525323051756f74652532302545322538362539322d5265706c7925323077697468696e2532303234253230686f7572732d4443323632363f7374796c653d666f722d7468652d6261646765) ](https://kishansavaliya.com/get-quote) ### Kishan Savaliya [](#kishan-savaliya) **Top Rated Plus on Upwork** [![Hire on Upwork](https://camo.githubusercontent.com/b69353d3c6e192f4d03cc36bb8883612004e32f54dd2dbcc1e700dd791acd875/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f486972652532306f6e2532305570776f726b2d546f702532305261746564253230506c75732d3134613830303f7374796c653d666f722d7468652d6261646765266c6f676f3d7570776f726b266c6f676f436f6c6f723d7768697465)](https://www.upwork.com/freelancers/~016dd1767321100e21) 100% Job Success • 10+ Years Magento Experience Adobe Certified • Hyva Specialist ### Panth Infotech Agency [](#panth-infotech-agency) **Magento Development Team** [![Visit Agency](https://camo.githubusercontent.com/bbf04bdd2aff502082508568ec42ace3a7475c98756f596e2013056c89726ed6/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f56697369742532304167656e63792d50616e7468253230496e666f746563682d3134613830303f7374796c653d666f722d7468652d6261646765266c6f676f3d7570776f726b266c6f676f436f6c6f723d7768697465)](https://www.upwork.com/agencies/1881421506131960778/) Custom Modules • Theme Design • Migrations Performance • SEO • Adobe Commerce Cloud **Visit our website:** [kishansavaliya.com](https://kishansavaliya.com) | **Get a quote:** [kishansavaliya.com/get-quote](https://kishansavaliya.com/get-quote) --- Table of Contents ----------------- [](#table-of-contents) - [Who Is It For](#who-is-it-for) - [Key Features](#key-features) - [Compatibility](#compatibility) - [Installation](#installation) - [Configuration](#configuration) - [How It Works](#how-it-works) - [Lazy Loading Strategies](#lazy-loading-strategies) - [WebP Detection and Fallback](#webp-detection-and-fallback) - [Performance Hints](#performance-hints) - [FAQ](#faq) - [Support](#support) - [About Panth Infotech](#about-panth-infotech) - [Quick Links](#quick-links) --- Who Is It For ------------- [](#who-is-it-for) - **Stores with slow page scores** where large images are fetched on page load even when they are below the fold. - **Merchants targeting Core Web Vitals** who want to improve LCP and INP without a full CDN or image conversion setup. - **Hyva storefronts** that want fine-grained control over lazy loading and preloading on top of what the theme already does. - **Stores already serving WebP** who need a client-side fallback layer so visitors on older browsers still see the right image. - **Developers and agencies** who want a single admin toggle per feature and debug mode to verify what is running. --- Key Features ------------ [](#key-features) ### Lazy Loading (Three Strategies) [](#lazy-loading-three-strategies) - **Native lazy loading** adds `loading="lazy"` via a PHP plugin on product images, with zero JavaScript required. - **IntersectionObserver strategy** uses JavaScript to swap `data-src` to `src` when an image approaches the viewport. - **Hybrid mode** combines both strategies for maximum browser coverage and the best UX. - **Above-the-fold exclusion** skips lazy loading for the first N images so LCP candidates always load immediately. - **Configurable threshold** starts fetching images N pixels before they enter the viewport. - **Placeholder types** (blur, solid color, SVG) shown while an image loads (IntersectionObserver only). - **Fade-in effect** applies a smooth opacity transition when images finish loading. ### WebP Browser Detection (Frontend Only) [](#webp-browser-detection-frontend-only) - **Client-side WebP support check** runs a canvas probe to detect whether the visitor's browser can render WebP. - **Automatic fallback** strips `` elements from `` tags so the browser loads PNG/JPG. - **No server-side conversion** required. This module works on top of any existing image pipeline. - **Zero layout shift** because the fallback logic runs before the image is decoded. ### Core Web Vitals Boosters [](#core-web-vitals-boosters) - **Preload critical images** injects `` for the first N images, helping LCP. - **Async decoding** adds `decoding="async"` to all images so decode work happens off the main thread. - **fetchpriority="high"** hints Chrome 101+ to prioritize LCP candidates in the network queue. - **Configurable preload count** so you control exactly how many images get the preload treatment. ### Admin and Developer Experience [](#admin-and-developer-experience) - **Unified admin config** under Stores > Configuration > Panth Extensions > Image Optimizer. - **Debug mode** logs optimization activity to the browser console. Disable in production. - **Store-scope aware** so all settings respect default, website, and store view hierarchy. - **MEQP-style code** with constructor dependency injection only. --- Compatibility ------------- [](#compatibility) RequirementVersions SupportedMagento Open Source2.4.4, 2.4.5, 2.4.6, 2.4.7, 2.4.8Adobe Commerce2.4.4, 2.4.5, 2.4.6, 2.4.7, 2.4.8Adobe Commerce Cloud2.4.4 to 2.4.8PHP8.1.x, 8.2.x, 8.3.x, 8.4.xHyva Theme1.3+ (fully compatible)Luma ThemeNative supportRequired Dependency`mage2kishan/module-core` (free)--- Installation ------------ [](#installation) ### Composer Installation (Recommended) [](#composer-installation-recommended) ``` composer require mage2kishan/module-imageoptimizer bin/magento module:enable Panth_Core Panth_ImageOptimizer bin/magento setup:upgrade bin/magento setup:di:compile bin/magento setup:static-content:deploy -f bin/magento cache:flush ``` ### Manual Installation via ZIP [](#manual-installation-via-zip) 1. Download the latest release from [Packagist](https://packagist.org/packages/mage2kishan/module-imageoptimizer) or from the [product page](https://kishansavaliya.com/magento-2-imageoptimizer.html). 2. Extract it to `app/code/Panth/ImageOptimizer/` in your Magento install. 3. Make sure `Panth_Core` is installed too (required dependency). 4. Run the commands above starting from `bin/magento module:enable`. ### Verify Installation [](#verify-installation) ``` bin/magento module:status Panth_ImageOptimizer # Expected: Module is enabled ``` After install, open: ``` Admin -> Stores -> Configuration -> Panth Extensions -> Image Optimizer ``` --- Configuration ------------- [](#configuration) Go to **Stores -> Configuration -> Panth Extensions -> Image Optimizer**. ### General Settings [](#general-settings) SettingGroupDefaultDescriptionEnable Image OptimizerGeneral SettingsYesMaster switch for all frontend image optimizations.Enable Debug ModeGeneral SettingsNoLog optimization activity to the browser console. Disable in production.### WebP Detection (Frontend Only) [](#webp-detection-frontend-only) SettingGroupDefaultDescriptionEnable WebP DetectionWebP DetectionYesDetect browser WebP support via JavaScript.Enable Fallback BehaviorWebP DetectionYesStrip WebP source tags from picture elements when WebP is unsupported so the browser loads PNG/JPG.### Lazy Loading [](#lazy-loading) SettingGroupDefaultDescriptionEnable Lazy LoadingLazy LoadingYesDefer offscreen images until they approach the viewport.Loading StrategyLazy LoadingHybridNative, IntersectionObserver, or Hybrid.Threshold (pixels)Lazy Loading200Start loading images N pixels before viewport (IntersectionObserver only).Placeholder TypeLazy LoadingBlurVisual placeholder while an image loads (IntersectionObserver only).Enable Fade-In EffectLazy LoadingYesSmooth opacity transition when images finish loading.Exclude Above-the-Fold ImagesLazy LoadingYesSkip lazy loading for the first N images to protect LCP.Exclude First N ImagesLazy Loading3Number of top-of-page images to load immediately.### Performance Settings [](#performance-settings) SettingGroupDefaultDescriptionPreload Critical ImagesPerformance SettingsYesInject preload hints for the first N images on the page.Preload Image CountPerformance Settings1Number of images to preload (recommended: 1 to 2).Async Image DecodingPerformance SettingsYesAdd `decoding="async"` to all images.Use fetchpriority AttributePerformance SettingsYesSet `fetchpriority="high"` on LCP candidates (Chrome 101+).--- How It Works ------------ [](#how-it-works) 1. A PHP plugin on Magento's image renderer adds `loading="lazy"`, `decoding="async"`, and `fetchpriority` attributes during HTML generation. 2. A small JavaScript bundle is injected on every storefront page. It: - Runs a WebP feature test using a canvas probe and caches the result. - Strips unsupported `` tags when WebP is not available. - Sets up an IntersectionObserver that swaps `data-src` to `src` when images approach the viewport. - Injects `` tags in the `` for the first N critical images. 3. All behavior is gated by admin settings. Turn off any piece to fall back to Magento's default rendering. **What this module does not do:** - No server-side WebP generation (use a dedicated CDN or conversion module for that). - No responsive image srcset or sizes rewriting. - No CDN URL rewriting. --- Lazy Loading Strategies ----------------------- [](#lazy-loading-strategies) ### Native (`loading="lazy"`) [](#native-loadinglazy) The simplest approach. A PHP plugin injects the `loading="lazy"` attribute on product images during HTML rendering. No JavaScript required. Supported in all modern browsers. **Best for:** stores with minimal JS overhead, Hyva storefronts, or sites that want server-rendered HTML only. ### IntersectionObserver (JS-based) [](#intersectionobserver-js-based) A JavaScript observer watches images and swaps `data-src` to `src` when they near the viewport. Supports fade-in effects, placeholders, and configurable thresholds. **Best for:** stores that want a smooth fade-in UX, older browsers, or granular control over when images load. ### Hybrid (Both) [](#hybrid-both) Applies native `loading="lazy"` as the baseline and layers IntersectionObserver on top for enhanced UX (fade-in, blur placeholder). Maximum compatibility. **Best for:** most production stores. This is the recommended default. --- WebP Detection and Fallback --------------------------- [](#webp-detection-and-fallback) On page load, a short JavaScript snippet tests WebP support: ``` const webp = new Image(); webp.onload = webp.onerror = () => { document.documentElement.classList.toggle('webp', webp.height === 2); }; webp.src = 'data:image/webp;base64,UklGRh4AAABXRUJQVlA4TBEAAAAvAAAAAAfQ//73v/+BiOh/AAA='; ``` When WebP is not supported, the module walks the DOM and removes `` elements from `` tags. The browser then loads the `` fallback (PNG/JPG) automatically. **Note:** this module does not generate WebP files on the server. Use a dedicated WebP-generation module or a CDN (Cloudflare Polish, Fastly IO, Bunny Optimizer) to produce WebP sources. Panth Image Optimizer handles the client-side fallback layer only. --- Performance Hints ----------------- [](#performance-hints) ### Preload Critical Images [](#preload-critical-images) On every page, the module injects `` tags into the `` for the first N images. This tells the browser to fetch LCP candidates in parallel with the HTML, reducing LCP on product and category pages. ### Async Decoding [](#async-decoding) All images receive `decoding="async"`, which tells the browser to decode images off the main thread. This reduces blocking time and improves INP (Interaction to Next Paint). ### fetchpriority [](#fetchpriority) LCP candidates receive `fetchpriority="high"`, hinting Chrome 101+ to prioritize them in the network queue ahead of lower-priority assets. Combined with preload, this is the single biggest LCP win available without changing your image pipeline. --- FAQ --- [](#faq) ### Does this module convert my images to WebP on the server? [](#does-this-module-convert-my-images-to-webp-on-the-server) No. This module only handles client-side WebP detection and fallback. For server-side WebP generation, use a dedicated conversion module or an image CDN such as Cloudflare Polish, Fastly IO, or Bunny Optimizer. ### Will lazy loading hurt my LCP score? [](#will-lazy-loading-hurt-my-lcp-score) Only if configured incorrectly. The module ships with above-the-fold exclusion enabled by default (first 3 images skip lazy loading) and also supports preload and fetchpriority for LCP candidates. Properly configured, lazy loading improves overall Core Web Vitals without hurting LCP. ### Does this work with Hyva? [](#does-this-work-with-hyva) Yes. All features work on both Hyva and Luma storefronts. Hyva already uses `loading="lazy"` natively. This module adds the IntersectionObserver layer, WebP fallback, preload hints, and fetchpriority on top. ### Will it conflict with my CDN image optimizer? [](#will-it-conflict-with-my-cdn-image-optimizer) No. This module only manipulates HTML attributes and DOM elements. It does not rewrite image URLs, generate files, or intercept HTTP requests. It works alongside Cloudflare, Fastly, Bunny, KeyCDN, and any other CDN. ### Can I disable individual features? [](#can-i-disable-individual-features) Yes. Every feature (lazy loading, WebP detection, preload, async decode, fetchpriority) has its own admin toggle. Turn off only what you do not need. ### Does it support multi-store setups? [](#does-it-support-multi-store-setups) Yes. All settings respect Magento's standard scope hierarchy (default, website, store view). ### Which lazy loading strategy should I pick? [](#which-lazy-loading-strategy-should-i-pick) **Hybrid** is recommended for most stores. It combines the compatibility of native with the UX of IntersectionObserver. Pick **Native** if you want zero JavaScript. Pick **IntersectionObserver** if you need fade-in or blur placeholders without native behavior. ### Does Panth Image Optimizer need Panth Core? [](#does-panth-image-optimizer-need-panth-core) Yes. `mage2kishan/module-core` is a free, required dependency that Composer installs for you automatically. ### Is the source code available? [](#is-the-source-code-available) Yes. The full source is on GitHub at [github.com/mage2sk/module-imageoptimizer](https://github.com/mage2sk/module-imageoptimizer). --- Support ------- [](#support) ChannelContactProduct Page[kishansavaliya.com/magento-2-imageoptimizer.html](https://kishansavaliya.com/magento-2-imageoptimizer.html)EmailWebsite[kishansavaliya.com](https://kishansavaliya.com)WhatsApp+91 84012 70422GitHub Issues[github.com/mage2sk/module-imageoptimizer/issues](https://github.com/mage2sk/module-imageoptimizer/issues)Upwork (Top Rated Plus)[Hire Kishan Savaliya](https://www.upwork.com/freelancers/~016dd1767321100e21)Upwork Agency[Panth Infotech](https://www.upwork.com/agencies/1881421506131960778/)Response time: 1-2 business days. ### Need Custom Magento Development? [](#need-custom-magento-development) Looking for **custom Magento module development**, **Hyva theme work**, **store migrations**, or **performance tuning**? Get a free quote in 24 hours: [ ![Get a Free Quote](https://camo.githubusercontent.com/0d9512dc4f89ef40179e9f650fd0786b6bc846d289ab2cb04a223a43f2833eeb/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f254630253946253932254143253230476574253230612532304672656525323051756f74652d6b697368616e736176616c6979612e636f6d2532466765742d2d71756f74652d4443323632363f7374796c653d666f722d7468652d6261646765) ](https://kishansavaliya.com/get-quote) [ ![Hire on Upwork](https://camo.githubusercontent.com/fad56e8be7896e39593f090cd2ed32e6bf86b4b6e75974cf292aee99d45f5077/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f486972652532304b697368616e2d546f702532305261746564253230506c75732d3134613830303f7374796c653d666f722d7468652d6261646765266c6f676f3d7570776f726b266c6f676f436f6c6f723d7768697465) ](https://www.upwork.com/freelancers/~016dd1767321100e21) [ ![Visit Agency](https://camo.githubusercontent.com/fdf45a9d937d72b896f5e2557337d47efebc0e06b7ad4d4c162c0a64375a62fa/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f56697369742d50616e7468253230496e666f746563682532304167656e63792d3134613830303f7374796c653d666f722d7468652d6261646765266c6f676f3d7570776f726b266c6f676f436f6c6f723d7768697465) ](https://www.upwork.com/agencies/1881421506131960778/) [ ![View Product Page](https://camo.githubusercontent.com/adabf9f2a578747671eabaf38315fe343c8b1a4ffa148e80220ae7ef17adcfce/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f5669657725323050726f64756374253230506167652d6d6167656e746f2d2d322d2d696d6167656f7074696d697a65722d3044393438383f7374796c653d666f722d7468652d6261646765) ](https://kishansavaliya.com/magento-2-imageoptimizer.html) --- About Panth Infotech -------------------- [](#about-panth-infotech) Built and maintained by **Kishan Savaliya** ([kishansavaliya.com](https://kishansavaliya.com)), a **Top Rated Plus** Magento developer on Upwork with 10+ years of eCommerce experience. **Panth Infotech** is a Magento 2 development agency that builds high quality, security focused extensions and themes for both Hyva and Luma storefronts. The extension suite covers SEO, performance, checkout, product presentation, customer engagement, and store management, with each module built to MEQP standards and tested across Magento 2.4.4 to 2.4.8. Browse the full extension catalog on our [Magento extensions page](https://kishansavaliya.com/magento-extensions.html) or on [Packagist](https://packagist.org/packages/mage2kishan/). --- Quick Links ----------- [](#quick-links) ResourceLink**Product Page**[magento-2-imageoptimizer.html](https://kishansavaliya.com/magento-2-imageoptimizer.html)**Packagist**[mage2kishan/module-imageoptimizer](https://packagist.org/packages/mage2kishan/module-imageoptimizer)**GitHub**[mage2sk/module-imageoptimizer](https://github.com/mage2sk/module-imageoptimizer)**Website**[kishansavaliya.com](https://kishansavaliya.com)**Free Quote**[kishansavaliya.com/get-quote](https://kishansavaliya.com/get-quote)**Upwork (Top Rated Plus)**[Hire Kishan Savaliya](https://www.upwork.com/freelancers/~016dd1767321100e21)**Upwork Agency**[Panth Infotech](https://www.upwork.com/agencies/1881421506131960778/)**Email****WhatsApp**+91 84012 70422--- **Ready to improve your store's image performance and Core Web Vitals?** [ ![See Image Optimizer](https://camo.githubusercontent.com/e747b29f0a015c0c6f7f3a289c16088af47fb35e39c7c477e9f5506cb59b98c9/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f254630253946253941253830253230536565253230496d6167652532304f7074696d697a65722532302545322538362539322d50726f647563742532305061676525323025323625323044657461696c732d4443323632363f7374796c653d666f722d7468652d6261646765) ](https://kishansavaliya.com/magento-2-imageoptimizer.html) --- **SEO Keywords:** magento 2 image optimizer, magento 2 image optimization extension, magento 2 lazy loading, magento 2 lazy loading module, magento 2 webp detection, magento 2 webp fallback, magento 2 webp browser detection, magento 2 core web vitals, magento 2 LCP optimization, magento 2 fetchpriority, magento 2 preload images, magento 2 async decoding, magento 2 intersectionobserver lazy loading, magento 2 native lazy loading, hyva image optimizer, hyva lazy loading, luma image optimizer, luma lazy loading, magento 2 picture element fallback, magento 2 image performance extension, magento 2 core web vitals module, magento 2.4.8 image optimization, php 8.4 magento image, magento 2 page speed, magento 2 LCP booster, panth image optimizer, panth infotech, mage2kishan imageoptimizer, mage2sk, hire magento performance developer, top rated plus magento freelancer, kishan savaliya magento, magento 2 image lazy load plugin, magento 2 image fade-in, magento 2 image placeholder, magento 2 above the fold images, magento 2 image preload link ### Health Score 40 — FairBetter than 86% of packages Maintenance88 Actively maintained with recent releases Popularity9 Limited adoption so far Community9 Small or concentrated contributor base Maturity47 Maturing project, gaining track record Bus Factor1 Top contributor holds 100% of commits — single point of failure How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window. **Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores. **Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement. **Maturity (30%)** — Project age, version count, PHP version support, and release stability. ### Release Activity Cadence Every ~12 days Total 6 Last Release 36d ago ### Community Maintainers ![](https://www.gravatar.com/avatar/343e344aa298f189db888b32d62f9202d31ced1a5ea23411850a63dc4a30299c?d=identicon)[kishansavaliya](/maintainers/kishansavaliya) --- Top Contributors [![KishanSavaliya](https://avatars.githubusercontent.com/u/16853223?v=4)](https://github.com/KishanSavaliya "KishanSavaliya (10 commits)") --- Tags lazy loadingimage-optimizationmagento2hyvacore-web-vitalswebp-detection ### Code Quality TestsPHPUnit Code StylePHP\_CodeSniffer ### Embed Badge ![Health badge](/badges/mage2kishan-module-imageoptimizer/health.svg) ``` [![Health](https://phpackages.com/badges/mage2kishan-module-imageoptimizer/health.svg)](https://phpackages.com/packages/mage2kishan-module-imageoptimizer) ``` ### Alternatives [mollie/magento2 Mollie Payment Module for Magento 2 1131.9M16](/packages/mollie-magento2)[opengento/module-category-import-export This module add the capability to import and export the categories from the back-office. 1310.9k2](/packages/opengento-module-category-import-export)[angeo/module-llms-txt Magento 2 module for AI Engine Optimization (AEO). Generates spec-compliant llms.txt and llms-full.txt per llmstxt.org standard, plus streaming JSONL for vector indexing. Multi-store, multi-website, CLI, cron, async admin UI, Page Builder-aware sanitization, customer-group pricing, atomic writes, ETag/Cache-Control, .md mirrors. 111.1k](/packages/angeo-module-llms-txt) PHPackages © 2026 [Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)