Engineering
Your Lighthouse Score Is 53. This Is What Website Speed Optimization Actually Costs You.
Slow websites kill conversions before the offer ever loads. A practical guide to website speed optimization, the usual reasons your website is slow, and how to improve your Lighthouse score without rebuilding the whole site.
You launched the site. Traffic is coming in. Ads are spending. Email is going out. And somehow, almost nobody buys.
Before you blame the offer or the headline, open Lighthouse and run a test. Most of the time the answer is sitting right there. The site is too slow, and people leave before it finishes loading. Website speed optimization is the cheapest fix you have... and the one that gets postponed the longest.
This is the most common conversion leak I see in client work. And it almost never gets fixed first.
What website speed optimization actually means
"Speed" is not one number. It is a stack of small numbers stacked together. How fast the first pixel paints. How soon the page is usable. How quickly buttons respond when tapped.
Lighthouse rolls all of that into a single Performance score from 0 to 100. Anything under 70 and visitors are already feeling it. Under 50 and you have a real problem.
Website speed optimization is the work of dragging that number up. Not by guessing. By measuring what is heavy, removing what is not earning its weight, and shipping the rest in the right order.
Why this matters for your business
People do not say "the site felt slow." They just leave.
A page that takes 5 seconds to load loses about 25% of its visitors before it even paints. By 6 seconds it is closer to half. Those people came from your ads. You paid for them. They never saw the offer.
On Shopify, a 1 second delay in load time can drop conversion by 7-10%. On a SaaS landing page it is worse, because the funnel is longer and added friction stacks at every step. Google also uses Core Web Vitals as a ranking signal, so a slow site bleeds organic traffic on top of bleeding ad budget.
Same traffic, same offer, faster site, more sales. That is the whole game.
Why your website is slow (the usual suspects)
Most slow websites are not slow because of one massive bug. They are slow because of ten small ones nobody bothered to look at.
The list almost always includes:
- A 4MB hero image uploaded straight from a phone, never compressed.
- Twenty fonts loaded when two are actually used.
- Five marketing pixels firing on initial load instead of after consent.
- A theme stuffed with sliders, animations, and "feature sections" nobody scrolls to.
- Third-party chat widgets and review apps that block the main thread for 2+ seconds.
- Shopify apps left installed from a free trial three years ago, still injecting scripts on every page.
- Auto-playing video on the homepage, on mobile, on a 4G connection.
None of these alone will tank a site. All of them together will.
If you are wondering why your website is slow but Lighthouse is fine on desktop, run it again on mobile. Most of the badness lives there, because that is where 70% of your traffic actually is.
How to improve your Lighthouse score (a practical checklist)
Do not start by buying a new theme. Start with what is already on the page.
- Run Lighthouse on mobile, in incognito, on the page that actually matters. Usually that is your highest-converting product, your homepage, or your most-clicked landing page.
- Open the diagnostics. The biggest red number is your starting point. Nine times out of ten it is "Largest Contentful Paint" and the cause is one giant image or one slow web font.
- Compress every image above 200KB. Convert to WebP or AVIF. Serve the right size for the device, not the 2400px desktop hero on a phone.
- Audit your scripts. Anything not strictly needed for first paint should load lazily, after consent, or not at all. Meta Pixel, Clarity, GA, chat widgets, popup tools all belong in this bucket.
- Kill unused fonts. One display font, one body font. That is all most sites need.
- On Shopify, open your installed apps list. If you are not actively using it this month, uninstall it. Free apps are not free if they cost you 400ms.
- Add loading="lazy" to every below-the-fold image. Defer non-critical CSS. Preload only the LCP image.
- Re-run Lighthouse. Repeat until Performance is over 80 on mobile.
Most sites I touch go from a 40 to an 85+ in under a week. No redesign. No new stack. Just less of everything that was not earning its place.
Real example: this site, before tuning
A snapshot from a recent Lighthouse run on this exact site, taken pre-cleanup:
| Category | Score |
|---|---|
| Performance | 53 |
| Accessibility | 93 |
| Best Practices | 77 |
| SEO | 92 |
Accessibility and SEO are fine. Best Practices is decent. Performance at 53 is the one that matters and the one that moves the most money.
A 53 means the page paints late, the main thread is busy when the visitor first taps something, and Google is quietly noting it for ranking. The fix list looks exactly like the one above. Image weight is too high. A few third-party scripts load too early. Two fonts can be cut.
This is normal. Most sites I audit start in the 40-60 range. The path from there to 85+ is well-trodden, it just takes someone willing to do the boring work.
What this means for your website
If your Performance score is under 70, you have a leaky bucket. Pouring more ad budget into it will not help. The visitor leaves before the offer loads.
You do not need a redesign. You need to do less, and ship the rest faster.
The order is always the same. Measure. Remove the dead weight. Optimize the heavy assets. Defer the third-party stuff. Re-measure. Designers will tell you to redesign. Builders will tell you to delete things. The builders are right almost every time.
Conversion rate optimization on a website starts with whether the website actually finishes loading. Everything downstream, the headline, the offer, the form, only matters if the visitor stays long enough to see it.
So... what do you actually do next?
If you can run Lighthouse, follow the checklist, and ship a faster build yourself, do that. Start there. You will recover most of the score on your own.
If the site is built on a theme stack you did not write, runs on Shopify with a dozen apps, or you just want it handed to someone who has done this before, that is the work I do every week.
You can also browse the conversion-focused websites I build for store owners and SaaS founders, or start at the Sadik Studio homepage for the broader picture.
Frequently asked questions
What is a good Lighthouse Performance score?
Anything 90+ is the target. 70-89 is acceptable but visitors will still feel small delays. Under 70 means measurable conversion loss. Under 50 is actively bleeding sales, especially on mobile.
Why is my website slow on mobile but fast on desktop?
Most performance issues hit mobile harder because of weaker CPUs, slower networks, and unoptimized images served at desktop dimensions. Always run Lighthouse on the mobile preset. The desktop score will look fine even when the real customer experience is broken.
Do I need to rebuild my website to make it faster?
Almost never. 80% of speed problems are image weight, third-party scripts loading too early, and a handful of unused fonts or apps. Start with that list. A rebuild is the last resort, not the first.
Does website speed actually affect SEO?
Yes. Google uses Core Web Vitals (LCP, INP, CLS) as a ranking signal. A slow site loses both ad-driven conversions and organic traffic. The same fixes solve both.
How long does website speed optimization usually take?
For a typical Shopify or Next.js site, getting from a 40-60 Performance score to 85+ is usually 5-10 days of focused work. Heavier sites with hundreds of pages or complex apps take longer, but the first 70% of the gain comes fast.