/michael abella
← All writing

A Shopify speed audit that protects design and conversion

Improve Shopify Core Web Vitals without flattening the storefront experience or guessing from one Lighthouse score.

Measure the pages that make money

A home-page score is not a storefront diagnosis. Test representative product, collection, search, cart, and home pages on mobile. Shopify emphasizes real-user Core Web Vitals and gives product and collection pages substantial weight when evaluating storefront impact.

Find the expensive layer

Theme code, third-party apps, media, and tracking scripts fail differently. Establish a clean baseline, then find what adds JavaScript, blocks rendering, shifts layout, or delays the largest image.

  • Keep essential purchasing flows functional with HTML and CSS.
  • Lazy-load below-the-fold media, never the primary hero image.
  • Serve responsive images from Shopify’s CDN.
  • Load non-critical features only when needed.
  • Remove app remnants after uninstalling an app.

Design and performance can coexist

Strong hierarchy, confident art direction, and useful merchandising can coexist with a lean storefront. Keep what helps customers understand and choose; defer what does not help the current decision.

Report before and after

Record device, URL, metrics, conversion events, and screenshots before changing the theme. After launch, compare real-user data and completed purchases so the work is accountable to business results.