Performance

Speed Index

Speed Index is a Lighthouse performance metric that measures how quickly the visible content of a page is progressively displayed during page load. It's calculated by analyzing video frames of the page loading and scoring based on how much of the page is visually complete at each point in time. A good Speed Index for mobile is under 3.4 seconds.

Why It Matters for Shopify Stores

Speed Index captures the perceived loading experience — a page that loads content progressively from top to bottom scores better than one that shows nothing for 4 seconds then loads everything at once. For Shopify stores, above-the-fold content (hero image, product photo) should load first. Optimizing Speed Index means prioritizing critical rendering path resources and ensuring your LCP element loads before other below-fold content.

How to Check Your Store

Speed Index appears in the Google PageSpeed Insights / Lighthouse report under 'Performance Metrics'. A filmstrip view shows how the page loads progressively.

Use the free shopify speed test tool

How to Fix It

Optimize LCP first (it's the biggest driver of Speed Index). Eliminate render-blocking resources. Preload hero/product images. Defer below-fold images and scripts.

Related Terms

Check your store's Speed Index with our free tools

Get a full audit across all 6 performance categories — including performance — in under 60 seconds.

Run a Free Store Audit