Speed Up Your Store Before You Redesign It

When sales slow down, the first instinct is usually a redesign. New layout, new colors, new homepage. But after building 700+ stores, we see the same pattern again and again: the store does not have a design problem. It has a speed problem.

Shoppers do not wait. If your product page takes too long to show a usable image and an Add to Cart button, many visitors leave before your design ever gets a chance to work. A faster store improves every other CRO effort you make, and it usually costs far less than a redesign.

Step 1: Measure before you change anything

Start with data, not opinions. Use these free tools:

• PageSpeed Insights: test your homepage, a collection page, and your best-selling product page. Always check the mobile tab first.
• Google Search Console: the Core Web Vitals report shows which page groups are failing for real visitors.
• Your platform’s reports: Shopify includes a web performance report in Analytics, and most WooCommerce hosts offer server response monitoring.

Focus on the three Core Web Vitals and Google’s “good” thresholds:

• Largest Contentful Paint (LCP): 2.5 seconds or less. How fast the main content appears.
• Interaction to Next Paint (INP): 200 milliseconds or less. How quickly the page responds to taps and clicks.
• Cumulative Layout Shift (CLS): 0.1 or less. How much the page jumps around while loading.

Pay more attention to field data (real users) than lab data (a single simulated test). Field data is what shoppers actually experience.

Step 2: Fix your images

Images are the biggest weight on most eCommerce pages, and the easiest win.

• Serve modern formats like WebP or AVIF. Shopify and BigCommerce do this automatically through their image CDNs when you use their image filters correctly.
• Upload images at sensible dimensions. A 5000px product photo displayed at 800px is wasted bandwidth.
• Lazy-load images below the fold, but never lazy-load your hero or main product image. That delays LCP.
• Always set width and height attributes so the browser reserves space and the layout does not shift.
• Use responsive image sizes (srcset) so mobile devices download smaller files.

Step 3: Audit your apps and third-party scripts

Every app, pixel, chat widget, and review tool adds JavaScript. Individually they seem small. Together they slow down every page.

• List every installed app and plugin, and ask what revenue each one drives.
• Remove apps you no longer use, then check your theme code. Many apps leave scripts and snippets behind after uninstalling.
• Load marketing tags through Google Tag Manager so you can control when and where they fire.
• Delay non-essential scripts, like chat widgets, until after the page is interactive or until the user scrolls.
• Avoid running two tools that do the same job, such as two review apps or two popup tools.

Step 4: Limit fonts

Custom fonts look great, but each weight and style is another file to download.

• Stick to two font families at most, with only the weights you actually use.
• Use font-display: swap so text appears immediately while the font loads.
• Preload the one font file used above the fold.
• Consider a system font stack for body text. It loads instantly and looks clean.

Step 5: Clean up theme code

• Remove sliders from the hero. Carousels add heavy scripts, delay the main image, and most visitors never see slide two.
• Defer non-critical JavaScript so it does not block the first render.
• Remove unused CSS and sections left over from old campaigns.
• Keep the above-the-fold area simple: one image, one headline, one call to action.

Platform-specific tips

Shopify

• Use a modern Online Store 2.0 theme as your base. Older themes often carry heavy legacy code.
• Use the Shopify Theme Inspector for Chrome to find slow Liquid code.
• Check the theme.liquid file for leftover app snippets after uninstalling apps.

BigCommerce

• Keep your Stencil theme updated and bundle only the JavaScript you need.
• Use the built-in image CDN and lazy loading options in your theme settings.
• Review Script Manager regularly and remove scripts that no longer serve a purpose.

WooCommerce

• Hosting matters most. Choose a host built for WooCommerce with server-level caching and PHP 8.x.
• Use a page caching plugin, and exclude cart, checkout, and account pages from caching.
• Add a CDN and object caching (Redis) for larger catalogs.
• Limit heavy page builders and plugins that load scripts on every page.

Your speed checklist

• Test your top 3 page types on mobile with PageSpeed Insights
• Convert and resize images, and never lazy-load the main image
• Remove unused apps and their leftover code
• Move marketing tags into Google Tag Manager
• Limit fonts to 2 families and only the weights you use
• Replace hero sliders with a single static image
• Re-test and compare field data after 28 days

Speed first, then design

Once your store loads fast, design improvements, A/B tests, and marketing campaigns all perform better because more visitors actually see them. Speed is the cheapest CRO upgrade you will ever make.

Want us to run a speed and CRO audit on your store? Book a free consultation and we will show you exactly what is slowing it down.