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.4(1mo ago)021↓50%11proprietaryPHPPHP >=8.1 Since Apr 16Pushed 1mo 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 1w ago READMEChangelogDependencies (6)Versions (6)Used By (1) Panth Image Optimizer for Magento 2 — Lazy Loading, WebP Detection & Core Web Vitals Booster ================================================================================================ [](#panth-image-optimizer-for-magento-2--lazy-loading-webp-detection--core-web-vitals-booster) [![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 Compatible](https://camo.githubusercontent.com/e2560f479f1f16f2796c4e6f8011eb6a2eea56db6e5d7421f97c8d6d1dda4110/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f487976612d436f6d70617469626c652d313462386136)](https://www.hyva.io/)[![Packagist](https://camo.githubusercontent.com/eeb36ac73128086f193f265fc8822c461013e039ca3a033e665a4e2727ea1db0/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f5061636b61676973742d6d616765326b697368616e2532466d6f64756c652d2d696d6167656f7074696d697a65722d6f72616e67653f6c6f676f3d7061636b6167697374266c6f676f436f6c6f723d7768697465)](https://packagist.org/packages/mage2kishan/module-imageoptimizer)[![GitHub](https://camo.githubusercontent.com/ce60c664c3a55cb07f30947a01ce01312fdb6b4ec027be192c456a657e5a676a/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f4769744875622d6d61676532736b2532466d6f64756c652d2d696d6167656f7074696d697a65722d3138313731373f6c6f676f3d676974687562266c6f676f436f6c6f723d7768697465)](https://github.com/mage2sk/module-imageoptimizer)[![Upwork Top Rated Plus](https://camo.githubusercontent.com/6f72584179420c41ed90432fd2579a4ed36199d4229e8181d20f353c1c4ee4eb/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f5570776f726b2d546f702532305261746564253230506c75732d3134613830303f6c6f676f3d7570776f726b266c6f676f436f6c6f723d7768697465)](https://www.upwork.com/freelancers/~016dd1767321100e21)[![Panth Infotech Agency](https://camo.githubusercontent.com/401a792e990131002e91054d1b04494af5a2152fcc891ca000eb683786770abf/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f4167656e63792d50616e7468253230496e666f746563682d3134613830303f6c6f676f3d7570776f726b266c6f676f436f6c6f723d7768697465)](https://www.upwork.com/agencies/1881421506131960778/)[![Get a Quote](https://camo.githubusercontent.com/0b6c02cc1ad00f11bf1b0164a9998734bd716473db36cc2a5c1517e3d3578d1b/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f4765742532306125323051756f74652d46726565253230457374696d6174652d444332363236)](https://kishansavaliya.com/get-quote) > **Frontend image performance for Magento 2** — lazy loading (Native / IntersectionObserver / Hybrid), WebP browser detection with PNG/JPG fallback, `` hints for critical images, async decoding, and `fetchpriority="high"` for LCP candidates. Compatible with Magento 2.4.4 – 2.4.8, PHP 8.1 – 8.4, Hyva and Luma themes. **Panth Image Optimizer** is a lightweight, frontend-focused Magento 2 extension that improves **image delivery performance** and directly targets **Core Web Vitals** (LCP, CLS, INP). It ships three complementary lazy-loading strategies — **Native** (`loading="lazy"` attribute injected via PHP plugin), **IntersectionObserver** (JS-based with fade-in, configurable threshold, and above-the-fold exclusion), and **Hybrid** (both together for maximum coverage). It also includes **client-side WebP detection**: when the visitor's browser cannot render WebP, `` elements are stripped from `` tags so the browser falls back to PNG/JPG automatically. On top of that, the module injects `` for critical above-the-fold images, sets `decoding="async"` on all images so the browser decodes them off the main thread, and applies `fetchpriority="high"` to LCP candidates (Chrome 101+). This module does **not** perform server-side WebP conversion, CDN rewriting, or srcset/sizes generation — it is purely a frontend performance layer that works on top of whatever image pipeline you already have. Perfect for merchants who want measurable Core Web Vitals improvements without changing their storage, CDN, or image-generation setup. --- 🚀 Need Custom Magento 2 Image / Performance Work? ------------------------------------------------- [](#-need-custom-magento-2-image--performance-work) > **Get a free quote in 24 hours** — Core Web Vitals audits, image pipeline optimization, CDN integration, Hyva performance tuning, and custom module development. [ ![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) - [Key Features](#key-features) - [How It Works](#how-it-works) - [Compatibility](#compatibility) - [Installation](#installation) - [Configuration](#configuration) - [Lazy Loading Strategies](#lazy-loading-strategies) - [WebP Detection & Fallback](#webp-detection--fallback) - [Performance Hints](#performance-hints) - [FAQ](#faq) - [Support](#support) - [About Panth Infotech](#about-panth-infotech) - [Quick Links](#quick-links) --- Key Features ------------ [](#key-features) ### Lazy Loading (Three Strategies) [](#lazy-loading-three-strategies) - **Native lazy loading** — `loading="lazy"` attribute injected via PHP plugin on product images (zero JS required, best compatibility) - **IntersectionObserver** — JavaScript-based lazy loading with fade-in effect, configurable pixel threshold, and placeholder support - **Hybrid mode** — combine both strategies for maximum browser coverage - **Above-the-fold exclusion** — skip lazy loading for the first N images to protect LCP - **Configurable threshold** — start loading images N pixels before they enter the viewport - **Placeholder types** — blur, solid color, or SVG placeholder while images load - **Fade-in effect** — smooth opacity transition when images finish loading ### WebP Browser Detection (Frontend Only) [](#webp-browser-detection-frontend-only) - **Client-side WebP support check** — detects whether the visitor's browser can render WebP - **Automatic fallback** — when WebP is unsupported, strips `` from `` elements so the browser loads PNG/JPG fallbacks - **No server-side conversion** — works on top of any existing image pipeline (use a CDN or dedicated module for conversion) - **Zero layout shift** — fallback logic runs before image decode ### Core Web Vitals Boosters [](#core-web-vitals-boosters) - **Preload critical images** — dynamically injects `` for the first N images on the page (LCP booster) - **Async decoding** — adds `decoding="async"` to all images so decode work happens off the main thread (improves INP) - **fetchpriority="high"** — hints Chrome 101+ to prioritize LCP candidates in the network queue - **Configurable preload count** — recommended 1–2 images for product and category pages ### Admin & Developer Experience [](#admin--developer-experience) - **Unified admin config** — lives under `Stores → Configuration → Panth Extensions → Image Optimizer` - **Debug mode** — logs optimization activity to the browser console for troubleshooting - **Store-scope aware** — all settings respect default → website → store view hierarchy - **MEQP compliant** — passes Adobe's Magento Extension Quality Program checks - **Hyva + Luma ready** — works on both storefronts out of the box --- How It Works ------------ [](#how-it-works) Panth Image Optimizer operates purely on the **frontend layer**: 1. A PHP plugin on Magento's image factory/renderer adds `loading="lazy"`, `decoding="async"`, and `fetchpriority` attributes to product image markup during HTML generation. 2. A small JavaScript bundle is injected on every storefront page. It: - Runs a WebP feature test (`canvas.toDataURL('image/webp')`) and caches the result - Strips unsupported `` tags when WebP is not available - Sets up an `IntersectionObserver` that swaps `data-src` → `src` when images near the viewport - Injects `` for the first N critical images 3. All behavior is gated by admin settings — disable any piece to fall back to Magento's default rendering. **What this module does NOT do:** - No server-side WebP generation (use a dedicated image CDN or conversion module) - No responsive image (`srcset` / `sizes`) rewriting - No CDN URL rewriting --- 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 — 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`](https://packagist.org/packages/mage2kishan/module-core) (free)Tested on: - Magento 2.4.8-p4 with PHP 8.4 + Hyva 1.3 - Magento 2.4.7 with PHP 8.3 + Luma - Magento 2.4.6 with PHP 8.2 + Hyva --- 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 ZIP from [Packagist](https://packagist.org/packages/mage2kishan/module-imageoptimizer) or the [Adobe Commerce Marketplace](https://commercemarketplace.adobe.com). 2. Extract to `app/code/Panth/ImageOptimizer/` in your Magento installation. 3. Ensure `Panth_Core` is installed (free dependency). 4. Run the commands above starting from `bin/magento module:enable`. ### Verify Installation [](#verify-installation) ``` bin/magento module:status Panth_ImageOptimizer # Expected output: Module is enabled ``` Then navigate to: ``` Admin → Stores → Configuration → Panth Extensions → Image Optimizer ``` --- Configuration ------------- [](#configuration) All settings are at `Stores → Configuration → Panth Extensions → Image Optimizer`. ### General Settings [](#general-settings) SettingDefaultDescriptionEnable Image OptimizerYesMaster switch for all frontend optimizations.Enable Debug ModeNoLog optimization activity to the browser console. Disable in production.### WebP Detection (Frontend Only) [](#webp-detection-frontend-only) SettingDefaultDescriptionEnable WebP DetectionYesDetect browser WebP support via JavaScript.Enable Fallback BehaviorYesStrip `` tags when WebP is unsupported so the browser loads PNG/JPG.### Lazy Loading [](#lazy-loading) SettingDefaultDescriptionEnable Lazy LoadingYesDefer offscreen images until they approach the viewport.Loading StrategyHybridNative / IntersectionObserver / Hybrid.Threshold (pixels)200Start loading images N pixels before viewport (IntersectionObserver only).Placeholder TypeBlurVisual placeholder while an image loads (IntersectionObserver only).Enable Fade-In EffectYesSmooth opacity transition when images finish loading.Exclude Above-the-Fold ImagesYesSkip lazy loading for the first N images (protects LCP).Exclude First N Images3Number of images at the top of the page to load immediately.### Performance Settings [](#performance-settings) SettingDefaultDescriptionPreload Critical ImagesYesInject `` for the first N images.Preload Image Count1Number of images to preload (recommended: 1–2).Async Image DecodingYesAdd `decoding="async"` to all images.Use fetchpriority AttributeYesSet `fetchpriority="high"` on LCP candidates (Chrome 101+).--- Lazy Loading Strategies ----------------------- [](#lazy-loading-strategies) ### Native (`loading="lazy"`) [](#native-loadinglazy) The simplest and most compatible 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 prioritize server-rendered HTML. ### IntersectionObserver (JS-based) [](#intersectionobserver-js-based) A JavaScript loop watches images and swaps `data-src` → `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 and UX. **Best for:** most production stores — recommended default. --- WebP Detection & Fallback ----------------------------- [](#webp-detection--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. --- Performance Hints ----------------- [](#performance-hints) ### Preload Critical Images [](#preload-critical-images) On every page, the module injects `` tags into the `` for the first N images (configurable). This tells the browser to fetch LCP candidates in parallel with the HTML, dramatically 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 the browser (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 today. --- 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 (Cloudflare Polish, Fastly IO, Bunny Optimizer). ### Will lazy loading hurt my LCP score? [](#will-lazy-loading-hurt-my-lcp-score) Only if configured incorrectly. This module ships with **Exclude Above-the-Fold Images** enabled by default (first 3 images skip lazy loading) and also supports **preload** + **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's image component 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's image optimizer? [](#will-it-conflict-with-my-cdns-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 seamlessly with 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. Enable only what you 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 JS. Pick **IntersectionObserver** if you need fade-in/blur placeholders without native behavior. ### 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) ChannelContactEmailWebsite[kishansavaliya.com](https://kishansavaliya.com)WhatsApp+91 84012 70422GitHub Issues[github.com/mage2sk/module-imageoptimizer/issues](https://github.com/mage2sk/module-imageoptimizer)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 a Core Web Vitals Audit or Custom Performance Work? [](#-need-a-core-web-vitals-audit-or-custom-performance-work) [ ![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/) [ ![Visit Website](https://camo.githubusercontent.com/7455559317a374eb3eb536c5ea201ca2c2a29bc13d82cc127278975a680d552c/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f5669736974253230576562736974652d6b697368616e736176616c6979612e636f6d2d3044393438383f7374796c653d666f722d7468652d6261646765) ](https://kishansavaliya.com) --- 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 specializing in high-quality, security-focused extensions and themes for both Hyva and Luma storefronts. Our extension suite covers SEO, performance, checkout, product presentation, customer engagement, and store management — over 34 modules built to MEQP standards and tested across Magento 2.4.4 to 2.4.8. Browse the full catalog on the [Adobe Commerce Marketplace](https://commercemarketplace.adobe.com) or [Packagist](https://packagist.org/packages/mage2kishan/). --- Quick Links ----------- [](#quick-links) - 🌐 **Website:** [kishansavaliya.com](https://kishansavaliya.com) - 💬 **Get a Quote:** [kishansavaliya.com/get-quote](https://kishansavaliya.com/get-quote) - 👨‍💻 **Upwork (Top Rated Plus):** [upwork.com/freelancers/~016dd1767321100e21](https://www.upwork.com/freelancers/~016dd1767321100e21) - 🏢 **Upwork Agency:** [upwork.com/agencies/1881421506131960778](https://www.upwork.com/agencies/1881421506131960778/) - 📦 **Packagist:** [packagist.org/packages/mage2kishan/module-imageoptimizer](https://packagist.org/packages/mage2kishan/module-imageoptimizer) - 🐙 **GitHub:** [github.com/mage2sk/module-imageoptimizer](https://github.com/mage2sk/module-imageoptimizer) - 🛒 **Adobe Marketplace:** [commercemarketplace.adobe.com](https://commercemarketplace.adobe.com) - 📧 **Email:** - 📱 **WhatsApp:** +91 84012 70422 --- **Ready to make your Magento 2 store faster?** [ ![Get Started](https://camo.githubusercontent.com/66dee04430af977df988ac18454416f2f08a5169868a0d0689061b7e8db6f8ca/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f254630253946253941253830253230476574253230537461727465642532302545322538362539322d4672656525323051756f7465253230696e2532303234682d4443323632363f7374796c653d666f722d7468652d6261646765) ](https://kishansavaliya.com/get-quote) --- **SEO Keywords:** magento 2 image optimization, magento 2 lazy loading, webp magento, magento 2 webp fallback, magento 2 webp detection, image performance magento, core web vitals images, 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, luma image optimizer, magento 2 picture element, 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, mage2sk, hire magento performance developer, top rated plus magento freelancer, kishan savaliya magento, magento 2 image lazy load plugin, magento 2 WebP browser detection, magento 2 image fade-in, magento 2 image placeholder, magento 2 above the fold images, magento 2 image preload link ### Health Score 42 — FairBetter than 88% of packages Maintenance94 Actively maintained with recent releases Popularity10 Limited adoption so far Community9 Small or concentrated contributor base Maturity46 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 ~5 days Total 5 Last Release 32d 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.8M12](/packages/mollie-magento2)[smile/elasticsuite Magento 2 merchandising and search engine built on ElasticSearch 8054.6M39](/packages/smile-elasticsuite)[run-as-root/magento2-prometheus-exporter Magento2 Prometheus Exporter 68353.9k](/packages/run-as-root-magento2-prometheus-exporter)[opengento/module-category-import-export This module add the capability to import and export the categories from the back-office. 1310.2k1](/packages/opengento-module-category-import-export)[mage-os/module-inventory-reservations-grid Add a grid with the list of inventory reservations. 1512.6k](/packages/mage-os-module-inventory-reservations-grid)[loki/magento2-admin-components Admin Panel grids and forms created via Loki Components 173.7k7](/packages/loki-magento2-admin-components) PHPackages © 2026 [Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)