YASSINBHS
Back to blog
How to improve Core Web Vitals on Adobe Commerce in 2026
July 9, 2026Performance

How to improve Core Web Vitals on Adobe Commerce in 2026


Why Core Web Vitals are crucial in 2026


Since 2021, Google has used Core Web Vitals (CWV) as a ranking factor. In 2026, their importance has only grown. With INP (Interaction to Next Paint) replacing FID, performance requirements are stricter than ever.


Bad CWV scores hurt an Adobe Commerce site twice: in organic rankings (an official factor since 2021) and in conversion — public case studies document double-digit losses when scores degrade badly.


The three metrics to master


LCP (Largest Contentful Paint) — Target: < 2.5s


The largest element loading on your page (often a hero image or text block). On Adobe Commerce:


  • Optimize your images: use WebP/AVIF format, implement native lazy loading
  • Critical CSS: inline CSS above the fold
  • Serve from the edge: use Fastly CDN to serve static assets
  • Eliminate blocking JavaScript: defer or async

INP (Interaction to Next Paint) — Target: < 200ms


INP measures your site's responsiveness to user interactions (clicks, taps). On Adobe Commerce:


  • Reduce long JavaScript tasks: split JS into async chunks
  • Optimize event handlers: avoid overly complex listeners
  • Use Web Workers for heavy computations
  • Prioritize script loading: load visible content first

CLS (Cumulative Layout Shift) — Target: < 0.1


CLS measures the visual stability of your page. Nothing is more frustrating than a page that shifts during loading.


  • Reserve space for images: use explicit width/height attributes
  • Avoid dynamic insertions: banners, popups, and ads must have reserved space
  • Preload fonts: avoid flash of invisible text (FOIT)

Tools to measure your CWV on Adobe Commerce


  • PageSpeed Insights: the Google reference
  • Lighthouse: integrated in Chrome DevTools
  • New Relic: included with Adobe Commerce Cloud, excellent for continuous monitoring
  • Fastly Observatory: to analyze CDN performance

5-step action plan


  1. Audit your current CWV scores with PageSpeed Insights
  2. Identify the most critical pages (homepage, categories, product pages)
  3. Fix LCP issues first (images, critical CSS, hosting)
  4. Optimize INP by lightening your JavaScript
  5. Stabilize CLS by reserving space for all elements

Every millisecond counts. I can help you audit and optimize your Core Web Vitals on Adobe Commerce. Let's discuss your project.

I can help you.

Let's discuss your project.