Browsers guess image priority badly on product and home pages. Setting fetchpriority high on the LCP image and low on below fold images tells the browser the truth it cannot infer.
A late swapping brand font re lays out prices, titles, and buttons, and the shift lands in your CLS score. Matching fallback metrics and font-display choices that contain the damage.
The hero image cannot paint until the browser finishes competing work. Which app scripts load before LCP, how to find them in a waterfall, and the removal order that recovers the most time.
Collection filtering is where interaction to next paint goes to die: full grid re renders, filter scripts rebuilding every card, and spinners that hide the delay instead of fixing it.
One tag is lightweight. Fourteen tags are a second storefront loading in the background. How to weigh your tag stack honestly and set a budget the next request has to argue with.
The CDN already negotiates WebP and AVIF per browser. Your upload still decides the ceiling. How to check what format shoppers actually get, and the two upload habits that matter more than format.
Shopify serves most stores from shared infrastructure, so TTFB is a geography and plan story more than a theme story. The levers that move it, in order.
A video that starts before the customer asks is a media download competing with the product image. Muted autoplay, click to play, and the thumbnail swap that keeps both.
On many Shopify product pages the largest element is a headline, and its paint waits on a web font.
Chat, reviews, and quiz embeds load heavy scripts on arrival for a click most shoppers never make.
Galleries keep growing because every angle seems useful.
Speculation and prerendering can make the next page feel instant by loading it before the click.
Your returning customers are your fastest opportunity. What cache headers do, what Shopify sets for you, and what to check.
Connection setup is invisible time on every third party file. When hints help, when they waste, and how to audit origins.
Your hero image is probably your LCP, and it loads later than it should. The preload fix and its limits.
Your theme runs code for features you never enabled. Finding the dead weight and removing it in a safe order.
One big stylesheet delays first paint. Inlining the critical part, honestly assessed.
Each redirect costs a round trip before loading starts. Finding and flattening chains.
Lazy loading helps when it skips the hero. How to defer below fold images without slowing the top.
INP is the speed of response after a tap. What makes Shopify pages feel sluggish, and the fixes.
How app scripts accumulate, how to measure one app's cost, and when to replace it.
Where image compression is free, where it starts costing sales, and a sane policy.
Custom fonts are a hidden speed tax: extra weight, late swaps, layout shift. Keeping the look while cutting the wait.
Homepage gets the audits; shoppers land on product pages that never got the same care. Where product page weight hides.
Every app script taxes your storefront. How to inventory what loads, measure the cost, and decide what stays on evidence.
What WebP and AVIF actually save, how Shopify serves images, and where image weight really comes from on product pages.
Your lab score and your real visitors are measuring different worlds. Why they diverge and which one to trust for what.
Collections are your heaviest browsing pages. Grid size, scroll style, and filter scripts, and the settings that keep them quick.
Fonts create layout shift and delayed text in fixable ways. Loading settings that keep type fast and stable.
Uninstall rarely removes the code. A clean removal audit for leftover snippets, assets, and requests.
Lazy loading saves time below the fold and wrecks metrics on the hero. Applying it correctly on Shopify themes.
Every app embed is a script tax. Inventorying what loads, weighing each cost, removing dead weight.
Custom fonts quietly cost more speed than most apps. Auditing weights, swaps, and shift, then fixing.
Themes accumulate JavaScript for years. Finding what your bundle carries and trimming it safely.
Compress hard without soft edges or muddy color, and find the real savings.
Defer what is off screen, never defer the hero, and check the theme is honest.
A repeatable audit that lists every third party script, weighs it, and prunes it.
What TTFB measures on a hosted platform, and the levers that are really yours.
There is no magic app count. What matters is the code each app leaves running on every page. How to audit app weight and remove the quiet speed taxes.
Lazy loading helps when it is applied to the right images and hurts when it delays the main one. Which images to lazy load, which to load eagerly, and how to check.
Uninstalling a Shopify app does not always remove its code. How leftover app snippets keep slowing your storefront, how to find them, and the cleanup that reclaims the speed.
Preloading tells the browser to fetch the hero image before it discovers it in the markup. When it actually helps your LCP, when it does nothing, and how to check whether your theme already does it.
App embeds keep loading JavaScript long after you stop using the feature. Where they hide in the theme editor, how to spot the dead ones, and the quarterly audit that keeps them from slowing your store.
Lazy loading is standard advice, but misapplied it can hurt the very metric it is meant to help. When it helps LCP and when it damages it.
A ten-second video loop can outweigh every other homepage element combined. What video backgrounds cost in load time and conversions, when they earn it, and the lighter alternatives.
Consent banners are legally required in many regions, but most implementations add blocking scripts and layout shift. What banners actually cost in Core Web Vitals, and how to make them fast.
Announcement bars and countdown timers are small elements with an outsized performance footprint. What they actually cost in load time, why timers are worse than bars, and how to keep the urgency without the slowdown.
Chat widgets load heavy scripts on every page whether or not anyone chats. What the widget costs in load time, the loading patterns that contain it, and when to keep it off the page.
Custom fonts are render-blocking requests that delay text on every page. System font stacks, font-display swap, and subsetting: the fixes that keep typography fast.
Review widgets are third-party scripts that load their own CSS, fonts, and image carousels on your most valuable template. How to measure what yours costs and the containment rules that keep it fast.
Every app adds scripts, and scripts add milliseconds. How to measure what each app costs, and the containment rules that keep the fast ones and cut the slow ones.
Video heroes add megabytes to first load and delay LCP by seconds on mobile. When video earns its place, and the poster-frame fallback.
Carousels load several full-size images where one would do and sit in the LCP critical path. When to optimize, when to replace with thumbnails.
AVIF promises 30 percent smaller files than WebP, but decode cost on cheap phones and Shopify CDN behavior complicate the math. When the switch pays off.
The admin speed score is a useful tripwire for regressions, not a verdict on customer experience. What it measures, why it disagrees with PageSpeed Insights, and how to use it well.
Preloading the hero image is one of the most recommended LCP fixes on Shopify. When it helps, when it does nothing, and when it actively makes things worse.
Custom fonts cause layout shift, delayed text, and slower LCP on Shopify stores. How font-display, preloading, and subsetting fix the three font taxes.
Interaction to Next Paint is a field metric. Lab tools help diagnose slow interactions, while real-user data shows how actual visits perform.
A review widget or chat tool should not hold the page hostage. Load it after essential content, set a timeout, and keep buying paths usable when the vendor fails.
Of the three Core Web Vitals, Cumulative Layout Shift is the one most Shopify stores fail. Why app embeds, late fonts, and unsized images conspire against it, and the fix order that actually works.
Measure home, product, collection, and cart templates separately. Each loads different Liquid, images, apps, and interaction code, so one homepage score cannot represent the full shopping journey.
A slow Time to First Byte points toward Liquid and server rendering; a healthy TTFB with slow LCP or INP points toward browser-side images, scripts, and main-thread work. Diagnose the metric gap before editing the theme.
The conversion cost of a slow storefront is real but routinely misquoted. Here is what the public research says, what it does not say, and how to compute your own number.
LCP, INP, and CLS thresholds have not moved, but the share of stores passing them keeps climbing. Where the bar sits, and which metric fails most on storefronts.