7 minute read

Website Speed Optimization For Shopify And Bigcommerce

TL;DR: Shopify and BigCommerce block server-level access, so every speed fix happens on the client side: JavaScript load order, image compression, and lazy loading. The process starts with PageSpeed Insights across every major page type. Done correctly, it connects directly to measurable conversion rate gains.

Google's core algorithm updates have consistently weighted page speed more heavily since 2018. For ecommerce stores on Shopify and BigCommerce, the ranking signal is real, but the more immediate cost is inside the checkout funnel: slow pages convert paid traffic into abandoned sessions before users ever see a product.

Optimum7 monitors performance data across more than 200 ecommerce clients. The relationship between load time and conversion rate appears in that dataset every month. Stores that load in under two seconds convert at measurably higher rates than stores running at three to five seconds, and the gap widens on mobile.


Page Speed Is the First Conversion Variable on Any Ecommerce Store

Laptop screen displaying a Google PageSpeed Insights performance score of 99

Portent's analysis of more than 100 million pageviews found that a store loading in one second converts at 2.5 times the rate of a store loading in five seconds. The hosted environment on Shopify or BigCommerce does not change that relationship. A slow product page on either platform loses revenue at the same rate as a slow page anywhere else.

A site loading in 1 second has an ecommerce conversion rate 2.5x higher than a site loading in 5 seconds. Portent, 2019. Source

Google's mobile benchmarks research adds a bounce rate dimension to that conversion finding. When load time increases from one second to three seconds, bounce probability rises by 32%. At five seconds it climbs to 90%. At six seconds, 106%. For product and category pages where most paid traffic lands, every additional second is a fraction of revenue lost before a session begins.

Load time increasing from 1 to 3 seconds raises bounce probability by 32%. Extending to 5 seconds raises it to 90%. Google, Mobile Page Speed Benchmarks. Source

Bounce Rate Risk Increases With Every Second of Load Time

Increase in bounce probability compared to a 1-second baseline

1s to 3s load time
+32%
1s to 5s load time
+90%
1s to 6s load time
+106%

Bounce probability increase vs. 1-second baseline. Google, Mobile Page Speed Benchmarks.


Shopify and BigCommerce Speed Work Runs on Different Constraints

The primary constraint on Shopify and BigCommerce is that server access is off limits. There is no PHP configuration, no web server settings file, and no server-side caching layer to modify. All speed work happens on the client side: JavaScript loading behavior, image handling, template code, and lazy loading.

Self-hosted WordPress stores give developers server access, which opens options like Redis object caching, bytecode caching, and server-side compression. Those options do not exist on Shopify or BigCommerce. The optimization work that produces results on these platforms lives in the browser, not in server configuration. That changes both the process and the ceiling on what is achievable.

Template variability is the second constraint. Every Shopify store runs a different theme with a different combination of apps and third-party script integrations. A store that installed a heatmap tool, a review widget, a loyalty program, and a live chat module has added four sources of render-blocking JavaScript that a bare theme does not carry. That app stack is different for every store, which is why a generic speed checklist does not apply cleanly to any specific installation.


Four Steps to Diagnose and Fix Speed Problems on Hosted Platforms

Optimum7's speed audit process on Shopify and BigCommerce starts with measurement, moves to page prioritization, then addresses JavaScript, and finishes with lazy loading. These four steps address the elements that consistently produce the most load time improvement on a hosted platform.

Step 1: Run Google PageSpeed Insights on every major page type. Homepage, product page, category page, and blog posts each carry different elements and load differently. A clean homepage score does not mean product pages are fast. Run the test on each page type and record the flagged issues separately before prioritizing fixes.
Step 2: Identify and prioritize your highest-traffic pages. For most ecommerce stores, product pages and category pages receive the majority of paid and organic traffic. A visitor arriving from Google or a paid ad and landing on a slow product page is at risk of bouncing within three seconds. Fix the pages carrying the most commercial traffic first.
Step 3: Audit and clean JavaScript loading on priority pages. Third-party tracking codes, marketing widgets, and unused app scripts are the most common sources of render-blocking delay on Shopify and BigCommerce. Remove unused scripts entirely. For necessary scripts, defer or minimize them so they load after the visible page content renders.
Step 4: Implement lazy loading for images and embedded video. Lazy loading defers image loading until users scroll toward those elements, and holds video JavaScript until the user clicks play. On product pages with multiple images or embedded YouTube videos, this reduces the initial payload significantly and can save several seconds of render-blocking load time.

Three Elements Killing Load Time on Product and Category Pages

Developer workspace with MacBook Pro and coffee mug showing ecommerce site optimization work

On the Shopify and BigCommerce stores Optimum7 has audited, three elements account for most preventable load time: render-blocking JavaScript from third-party apps, unoptimized product images, and embedded video that fires its full JavaScript payload on page initialization regardless of whether the user interacts with the player.

JavaScript From Third-Party Apps

Every app installed on a Shopify or BigCommerce store adds scripts that load on every page, including pages where the app does nothing. A store with 15 apps may be loading 15 sets of external scripts on every product page load. Chat widgets, popup tools, review apps, and loyalty programs all contribute to this accumulation. Removing unused apps from the admin panel and deferring the scripts from necessary ones is the highest-leverage change available without server access.

Product Image Weight

Product pages typically carry multiple high-resolution images at sizes larger than any display needs. Shopify and BigCommerce both include some automated image processing, but the built-in tools are incomplete and miss many cases. Images uploaded at original camera resolution add payload that slows every page load for every visitor. Compressing images to correct dimensions before upload, and using WebP format where the platform supports it, reduces image payload without affecting visual quality.

Embedded Video Loading on Page Initialization

YouTube embeds instruct the browser to load YouTube's full JavaScript framework when the page initializes, even if the user never clicks play. On a product page with a demonstration video, that iframe load adds render-blocking time for every visitor, including those who scroll past it. Lazy loading the embed replaces the iframe with a static thumbnail on initial load, then fires the YouTube JavaScript only when the user clicks play.

Watch out: Do not apply lazy loading to above-the-fold hero images or main product images. Lazy loading the LCP element delays the most important visible content on the page, which hurts both perceived performance and Core Web Vitals scores. Apply lazy loading only to below-the-fold images and embedded video iframes.

Front-End Optimization Results on Shopify and BigCommerce

Person working on a MacBook Pro running ecommerce analytics and performance review

Two clients in Optimum7's case study library document what front-end optimization produces on Shopify Plus and on BigCommerce. The Shopify result comes from a full storefront redesign focused on eliminating friction across product detail and category pages. The BigCommerce result comes from a platform migration combined with CRO and SEO work that reversed declining conversion performance.

Shopify Plus  ·  CROVAIOShopify Plus storefront redesign
+425%conversion rate
+323%total orders
+200%sales revenue
BigCommerce  ·  Migration + CRORC SuperstoreVolusion to BigCommerce + SEO + CRO
+212%organic revenue in 6 months
+36%conversion rate
+100%revenue YoY

What You Can Fix Yourself vs. What Requires a Development Team

Some speed improvements are accessible to any store owner who can navigate the admin panel. Others require a developer who understands JavaScript loading behavior, template architecture, and how Shopify and BigCommerce handle asset delivery. Knowing which category each fix falls into prevents spending weeks on self-service changes that will not move the needle.

FixWho Does ItWhat It Requires
Remove unused appsStore ownerAdmin panel access
Compress images before uploadStore ownerImage compression tool
Run PageSpeed Insights auditsStore ownerGoogle account
Defer or async third-party scriptsDeveloperTemplate code access and JS knowledge
Lazy load product images and videoDeveloperTheme customization and testing
Template-level script removalDeveloperCode review, safe removal, QA testing

Optimum7's BigCommerce development and Shopify development teams handle the developer-required fixes as part of broader performance engagements. For stores evaluating platforms, the Shopify to BigCommerce migration process includes a performance baseline before and after. Contact Optimum7's ecommerce development team to discuss a speed audit for your store.


Frequently Asked Questions

What load time should a Shopify or BigCommerce product page target?

Under two seconds is the target for strong conversion performance. Google's Core Web Vitals benchmark defines a "good" Largest Contentful Paint score as 2.5 seconds or faster. For product pages competing on paid traffic, the closer to one second the initial load time, the better the conversion rate alignment with Portent's 2.5x conversion advantage data.

Does removing apps from my Shopify store improve page speed?

Yes, and it is one of the highest-impact changes a store owner can make without a developer. Every installed app injects scripts that load on every page, including pages where the app has no function. A store with 10 to 15 apps may be loading that many separate external script files on every product page. Uninstalling unused apps through the Shopify admin removes those scripts immediately.

What does lazy loading do for pages with product videos?

Lazy loading prevents embedded video players from loading their JavaScript framework until the user clicks play. A standard YouTube iframe tells the browser to load YouTube's full script bundle when the page initializes. On product pages with multiple images and a demonstration video, that adds seconds of render-blocking load time. Lazy loading the embed reduces that initialization cost to zero for users who never interact with the video.

Can BigCommerce speed be improved without a developer?

Partially. Store owners can remove unused apps, compress images before uploading, and run PageSpeed Insights to identify issues. Those changes move the needle but do not address the deeper causes of slow load times on BigCommerce: render-blocking JavaScript in the template, unoptimized asset loading order, and lazy loading implementation for images and video. Those fixes require template access and developer knowledge.

How does page speed affect Google rankings for ecommerce stores?

Core Web Vitals are a confirmed ranking signal in Google Search. The three measured elements are Largest Contentful Paint (how fast the main content loads), Interaction to Next Paint (how quickly the page responds to user input), and Cumulative Layout Shift (visual stability during load). Pages that score "good" on all three get a small ranking benefit over pages that fail. For competitive ecommerce categories, that margin matters alongside content quality and link authority.


About the author: Duran Inci is the CEO and Co-Founder of Optimum7, an ecommerce development and digital marketing agency. He helps mid-market and enterprise brands scale revenue through conversion optimization, SEO, and custom ecommerce solutions.

author avatar
Duran Inci CEO of Optimum7

Let's Talk

A digital marketing strategy is the path to profitability. Optimum7 can help you set the right goals, offer and implement creative and technical strategies, and use data and analytics to review and improve your business’s performance.

Share on Social Media
Your AI Visibility Report Awaits