What Core Web Vitals Actually Cost a Shopify Store

Core Web Vitals — LCP, INP and CLS — are a confirmed Google ranking signal, and on a Shopify store each one usually traces back to something specific and fixable: an oversized hero image, an unthrottled third-party app script, or a layout shift from a banner that loads after the fold has already rendered.

LCP problems on Shopify are most often image weight. A 3840px-wide hero image served to a 400px mobile viewport is the single most common cause we see, and it is fixable with responsive image markup and Shopify’s own CDN transforms — no theme rebuild required.

INP problems tend to come from apps, not theme code. Every app that injects a script adds parse and execution time on the main thread; auditing which apps are actually earning their weight is usually the fastest INP win available.

CLS is almost always a loading-order problem — a cookie banner, an app widget, or a promotional bar that reserves no space until its content arrives. Reserving that space in CSS from the start removes the shift entirely.