Case Study

Shopify Speed Optimization: How We Lifted Mobile Performance 194% Without Touching Images

Bullion Knot scored 18 mobile, 31 desktop. Code-first CSS, JS, and HTML work pushed mobile up 194% with no image compression.

How Webrex optimized Bullion Knot's Shopify performance — achieving exceptional speed improvements and Core Web Vitals excellence for better UX & conversion readiness.

Contributed by

Sanjay Makasana

Shopify Speed Optimization: How We Lifted Mobile Performance 194% Without Touching Images

Introduction

Elevating Core Web Vitals without sacrificing design

A premium lifestyle brand, Bullion Knot, sought to enhance their Core Web Vitals performance to improve both user experience and search visibility. Their site performance scores were struggling, with 31 on desktop and 18 on mobile. The brand needed significant improvements without compromising design aesthetics or visual quality.

Our team implemented deep front-end optimization strategies, focusing on CSS, JavaScript, and HTML structure — without relying on image compression.

Desktop score

Focus areas

CSS · JS · HTML

No reliance

Image compression

Mobile score

Challenges

What was holding performance back

• Low Core Web Vitals scores (31 desktop, 18 mobile)
• Render‑blocking CSS and JS delaying critical content
• Unoptimized HTML structure slowing Largest Contentful Paint (LCP)
• Execution‑heavy JavaScript impacting Time to Interactive (TTI)
• Required improvements without compressing product/lifestyle images to preserve brand quality

Screens from PageSpeed Insights representing baseline performance

Our Approach

Code-first optimizations, designed to feel effortless

Three focused streams delivered the biggest wins for performance and Core Web Vitals.

Step 01

CSS Optimization

Minified main CSS to reduce transfer size.
Inlined critical CSS; deferred non‑critical styles.
Removed unused rules to speed up style calculation.

Step 02

JavaScript Optimization

Deferred non‑critical execution for faster first paint.
Removed redundant/unused scripts.
Loaded third‑party code asynchronously where possible.

Step 03

HTML & Structural Optimization

Refined HTML for efficient parsing and faster LCP.
Stabilized DOM to minimize layout shifts (CLS).
Prioritized above‑the‑fold and LCP elements to load early.

Results

Measured performance wins that matter

📈 Performance Score Improvement

Mobile: 18 → 53
Desktop: 31 → 55

⚡ Key Core Web Vitals Improvements

Faster LCP (Largest Contentful Paint) by prioritizing visible content.
Reduced CLS (Cumulative Layout Shift) by stabilizing key layout elements.
Improved FID/TTI (First Input Delay / Time to Interactive) by deferring JavaScript.

PageSpeed Insights screenshot after optimization on mobile

PageSpeed Insights screenshot after optimization on desktop

Business Impact

Performance that translates into outcomes

Speed improvements improved UX, SEO readiness, and conversion potential—especially on mobile.

✨

Better user experience

Faster rendering of above-the-fold content makes the site feel instantly responsive.

🔍

Improved SEO readiness

Higher Core Web Vitals scores support stronger visibility in Google Search.

🛒

Stronger conversion potential

Reduced friction on product pages—particularly on mobile—helps more users complete actions.

★★★★★

“Highly satisfied with Webrex's work! They understood my brand vision perfectly and made my customer experience smooth. The team was super responsive, patient with revisions, and delivered everything on time. As a non-tech person, I really appreciated how they explained everything in simple terms. Would definitely recommend them to any business looking for Speed optimization, reliable web design and SEO work!”