Shopify LCP Preload Generator
Generate the exact Liquid or HTML snippet to preload your primary banner image. Dramatically lower your Largest Contentful Paint (LCP) time.
Banner Image Settings
Generated Tag
Copy and paste this into the top of your `theme.liquid` header section (inside the `<head>` block).
Why Preload your LCP Image?
Google evaluates your store using the Largest Contentful Paint (LCP) metric, which measures when the largest visual block (usually the hero banner) becomes visible to the customer.
Normally, the browser discovers the hero image only after downloading and parsing your entire theme stylesheet. Preloading tells the browser to start fetching the image immediately alongside your HTML document, shaving off up to 1-2 seconds of mobile page load delay.
More Free Tools
Speed ROI Calculator
Calculate the exact revenue impact of improving your Shopify store's page load speed.
Revenue Leak Scanner
Find out exactly how much money your slow Shopify theme is costing you every month.
WebP Converter
Convert and compress PNG/JPG images to WebP instantly in your browser.
CSS Clamp Generator
Generate fluid typography CSS using the modern clamp() function.
Meta Description Generator
Write high-converting SEO meta descriptions tailored for Shopify products.
Robots.txt Generator
Generate an optimized robots.txt for your Shopify store to block bad bots.
SEO Title Preview
Preview exactly how your Shopify product titles will look in Google search results.
UTM Link Builder
Build trackable UTM campaign links for your marketing and ads.
Let Superspeed do the preloading
Our Shopify app automatically scans your pages, identifies LCP targets dynamically, and handles preloading configuration on the fly without any manual editing.