Shopify Speed Optimization Guide (Practical Playbook)

Start with your top five URLs by revenue or traffic: home, best collection, best product, cart, and a key landing page. Optimize those before chasing sitewide scores. Shopify speed is a conversion problem, not a vanity lighthouse game.

Compress and right-size media, especially collection grids and product galleries. Prefer modern formats where the theme allows, and avoid invisible carousels that preload every slide. Above-the-fold product imagery should be the smallest viable resolution for the slot.

Fonts: reduce font families and weights, subset if possible, and use font-display so text renders fast. One heavy font file can offset all image wins.

JavaScript: defer non-essential scripts, move heatmaps and session replay to sampling, and block duplicate tag loads. Work with your theme developer to ensure critical CSS and lazy sections are not fighting each other.

Operationalize: set a monthly review of new apps, new scripts, and CWV for your top templates. Without a loop, the store will slow down again in one campaign season.