Last week, our website scored 99 on desktop and 68 on mobile in Google PageSpeed Insights.

The desktop score was great. The mobile score was not.

For a manufacturing company serving international clients, mobile speed isn't optional. Your buyer in Berlin is checking supplier credentials on a phone. Your prospect in New York is scrolling product pages between meetings. If your site takes more than 3 seconds to load on mobile, you're losing business before the conversation even starts.

So we dug in. Here's exactly what we found �?and what we fixed in under two hours.

Problem 1: The Hero Image Was Invisible to Google's Crawler

Our homepage hero �?a dramatic shot of our tailoring work �?was set as a CSS background-image. Browsers render CSS backgrounds late in the loading sequence, after stylesheets are parsed, after layout is calculated, after fonts are downloaded. Google's Core Web Vitals metric for Largest Contentful Paint (LCP) was measuring 3.9 seconds on mobile because the image wasn't even starting to load until the CSS pipeline was complete.

The fix (5 minutes): Moved the hero image from CSS background-image to an HTML <img> tag with fetchpriority="high". This tells the browser: "This is the most important thing on the page. Download it first."

Result: LCP dropped from 3.9s to under 2s.

Problem 2: Google Fonts Were Blocking the Page

We use Cormorant Garamond and Inter �?beautiful, legible, on-brand. But the default <link rel="stylesheet"> tag for Google Fonts is render-blocking. The browser pauses all rendering until the font CSS downloads.

The fix (2 minutes): Added media="print" onload="this.media='all'" to the font link. The browser loads fonts in the background while rendering the page with fallback system fonts. When the Google Font arrives, it swaps in seamlessly. No flash of invisible text. No blocked rendering.

Result: Fonts no longer block first paint.

Problem 3: JavaScript Was Loading Synchronously

Our main.js file �?handling navigation, animations, and form logic �?was loading as a synchronous <script> tag at the bottom of the page. Even at the bottom, synchronous scripts pause HTML parsing. On a slow mobile connection, that pause can be 200-500ms.

The fix (1 minute): Added defer to the script tag. The browser downloads the script in parallel with HTML parsing and executes it only after the DOM is fully built.

Result: Zero parser-blocking time from JavaScript.

Problem 4: We Had 881 Unused JPG Files

During a previous optimization, we converted all images from JPG to WebP format �?a modern image format that's 60-70% smaller. But we left the original JPG files in the deployment directory. 881 files. 166MB of dead weight.

Every time we deployed a site update, those files were being uploaded to Cloudflare Pages. Wasted bandwidth. Wasted time. And in terms of site performance: zero. They weren't even being served.

The fix (30 seconds): Deleted them all.

Result: Deployment time cut by 50%. Storage footprint reduced by 30%.

Problem 5: Social Media Previews Were Pointing to 404s

Our Open Graph og:image tags �?the images Facebook, LinkedIn, and Twitter display when someone shares a link �?were still pointing to .jpg files. Files that no longer existed. Every share was showing a broken image thumbnail.

The fix (2 minutes): Batch-replaced all og:image and twitter:image references from .jpg to .webp across all 17 HTML pages.

Result: Social shares now render correctly with our best hero image.

The Total Time Investment: Under Two Hours

What changed:

Why This Matters for B2B

Here's the thing: none of these fixes changed what our website says. They changed how fast it says it.

For a B2B manufacturer, speed is a trust signal. If your buyer sees a fast, responsive, polished site, they assume your manufacturing operation is the same. If your site lags, stutters, or shows broken images �?they'll assume your production line has the same issues.

This isn't about vanity metrics. It's about the 53% of mobile visitors who abandon a page that takes more than 3 seconds to load.

And if your website isn't fast, those visitors never become leads.

The same principle applies to corporate attire. We apply this same "find the bottleneck, fix it, measure the result" methodology to every suit we manufacture. Because whether it's a website or a three-piece suit �?the difference between good and exceptional is never about one big thing. It's always about a dozen small things nobody else bothered to fix.

Want to see the results?

Run a PageSpeed test on our site yourself �?or start a conversation about your manufacturing needs.

Inquire Now