I Made This Shopify Store 60x Faster (Literally, Not an Exaggeration) Here is How [With Proof]

Working in speed optimization, my clients are often surprised to find out how slow their websites were really loading. 'But it was fast on my end' is a very common reply I receive. And it makes sense; your website will always feel faster on your end because of cache. Cache is basically your browser storing all the images, text and code from a website after your first visit, so it does not have to load them again the second time around.

On top of that, your customers are browsing on different devices and internet connections that you may not be accounting for. Maybe the site works perfectly on your end but struggles on their phone or their network. That is exactly why Shopify itself recommends using Google PageSpeed Insights; it analyses your store under realistic conditions, not your own.

This store's main content was taking 38 seconds to appear on screen. That is not a typo: 38 seconds load time. 

Even before auditing, I took a quick look and notice it was a custom theme with a lot of custo functionalities and apps. By the end of the optimization, that number was down to 0.6 seconds. I confess I was not expecting that. My realistic assessment was to bring it to at least 3 seconds, but fortunately it was possible to bring it even lower. 

Here is the live result on PageSpeed Insights, so you can check for yourself.

The Starting Point

Let me put 38 seconds in perspective. Google's own data shows that 53% of mobile visitors abandon a page that takes more than 3 seconds to load. (source). At 38 seconds, the store was not just losing visitors; it was losing nearly all of them before a single product was seen.

The mobile PageSpeed score was sitting at 37 and the total page size was around 10MB. For a store running seasonal gifting campaigns and Black Friday promotions where every visitor counts, these numbers had real consequences every single day.

What Google PageSpeed Insights Found

38 seconds for main content to appear. The hero images, the jewelry close-ups, the gift box visuals that drive emotional purchases were all sitting behind 38 seconds of loading. The sale banner, the product photography, the unboxing visuals that make someone want to buy; none of it was being seen by the vast majority of visitors.

Around 850 KiB of savings available from image delivery. High-resolution jewelry photography is essential for this type of store, but the images were not optimized for web delivery. Uncompressed, in legacy formats, loading at full resolution on every device regardless of screen size.

Around 1.3MB of assets not being cached efficiently. Returning visitors were downloading over 1MB of assets fresh on every single visit. For a store that relies on repeat gifting customers, this was unnecessary overhead every time someone came back.

Render-blocking requests adding 1.35 seconds of delay. CSS and JavaScript were preventing anything from appearing on screen until they finished loading, adding over a full second of blank screen before a single pixel was visible.

Around 1MB of unused JavaScript. Dead code being downloaded and processed on every page load. Likely leftover from previously uninstalled apps or unused theme features that nobody cleaned up.

Main-thread blocking of 7.5 seconds. The browser was completely tied up for 7.5 seconds, meaning the page felt unresponsive to any taps or clicks for the first several seconds. On mobile this is immediately noticeable and frustrating.

What I Did to Fix It

As always, and I like to reiterate it: every fix is manual. I never use any apps and do a tailored work for each theme.

In this case, images were the first priority. I optimized and compressed every product photo on the store, converting them to modern formats and implementing responsive sizing and lazy loading throughout. Image delivery savings went from around 850 KiB down to around 10 KiB.

Cache lifetime was completely overhauled. Savings dropped from around 1.3MB down to just 5 KiB, meaning returning visitors now load almost everything from cache rather than re-downloading it fresh every time.

The render-blocking issue was resolved by deferring non-critical JavaScript and improving critical CSS delivery, bringing blocking time from 1.35 seconds down to near zero.

Around 1MB of unused JavaScript was cleared from the critical load path entirely and no longer appears as a meaningful issue in the optimized report.

Every installed app was audited. Residual code from previously uninstalled apps was removed and the load priority of active apps was reorganized so they stop competing with critical page resources on startup. Total Blocking Time dropped from 750ms down to 0ms.

The Results

Main content load time: 38 seconds to 0.6 seconds
Desktop score: 100
Mobile score: 100
Total Blocking Time: 750ms to 0ms
CLS: 0.027 to 0
Image delivery savings: ~850 KiB to ~10 KiB

Here is the live result on PageSpeed Insights.

Why Does Load Time Matter More Than the Score?

The PageSpeed score and load time go hand in hand. A high score means your store is technically optimized; a fast load time means your visitors actually feel it. Both matter.

And from a search perspective, Google uses Core Web Vitals as a ranking signal. A store that scores 100 on both mobile and desktop gives Google every reason to show it higher in results. For a store running seasonal promotions and gifting campaigns where timing and visibility matter, that organic presence is worth a lot.

Is Your Shopify Store Slow?

If your store is not where you want it to be on PageSpeed or you are not sure where it stands, I offer a free manual speed audit. I will test your store, identify the exact issues and tell you what it would take to fix them with no obligation to proceed.

Request your free speed audit at ezfycode.com