Image Optimization
WebP, AVIF, and Core Web Vitals improvements for Magento 2 catalogs.
-
Article
Magento Responsive Images and Preload
The template half of Magento LCP work: view.xml sizes, a srcset override that stops lazy-loading the LCP image, and preloading it properly.
-
Article
Magento LCP Images: Measure First, Then Convert
Magento LCP images: where the time actually goes, automatic AVIF and WebP conversion, and the one image you must never lazy-load.
-
Article
Magento image optimizer: brocode vs Yireo vs JaJuMa
An honest Magento image optimizer comparison: brocode vs Yireo Webp2 vs JaJuMa. Pick by architecture: content negotiation vs picture-tag vs paid all-in-one.
-
Article
No template changes: serving WebP and AVIF with nginx
Magento WebP AVIF nginx: content negotiation serves modern formats with zero template edits. Apache dropped from 2.4.9 — nginx is now the only supported server.
-
Article
Rolling out AVIF without breaking your CDN
AVIF CDN rollout done safely: one misconfigured Vary header corrupts the URL for every visitor. Vary first, convert a subset, then scale.
-
Article
Converting a large catalog without melting the server
Magento image optimization queue: converting 200,000 catalog images inline melts your server — turn conversion into async background work at a pace you control.
-
Article
AVIF vs WebP for Magento: measure your own catalog
Magento AVIF vs WebP: everyone quotes headline numbers, but savings depend on your image mix. Here’s how to measure your catalog and decide.
-
Module
BroCode Image Optimizer — WebP & AVIF for Magento 2
Magento image optimizer: scan pub/media, convert to WebP/AVIF sidecars, serve via nginx content negotiation — zero template changes required.