TL;DR
- Google Lighthouse scores your website on performance, accessibility, best practices, and SEO from 0 to 100
- Performance is the hardest to improve and the most important for revenue. A score below 50 means you are losing visitors and search rankings
- The biggest gains come from compressing images, removing unused JavaScript, and fixing layout shifts. These three changes alone can push a score from 40 to 75+
- You can run a Lighthouse audit yourself for free at PageSpeed Insights in under 60 seconds
- Most improvements cost between $500 and $5,000. The payback comes from better Google rankings and fewer visitors bouncing off your site
Need a hand with your website or web app?
Free 30-min strategy call. I'll review your situation and give you a clear next step.
Table of Contents
- What Is a Lighthouse Score?
- Why Your Score Matters for Revenue
- How to Run Your First Lighthouse Audit
- Understanding Your Results
- The 8-Step Improvement Plan
- Before and After: Real Score Improvements
- When to Fix It Yourself vs. Hire a Developer
- Industry Benchmarks
- FAQ
- Next Steps
What Is a Lighthouse Score?
Lighthouse is a free tool built by Google that grades your website on four categories:
| Category | What It Measures | Why It Matters |
|---|---|---|
| Performance | How fast your pages load and respond | Slow pages lose visitors and rank lower on Google |
| Accessibility | Whether people with disabilities can use your site | Affects 15-20% of users and has legal implications (ADA) |
| Best Practices | Security, modern standards, error-free code | Outdated practices create vulnerabilities and trust issues |
| SEO | Basic search engine optimization | Missing basics mean Google cannot properly index your pages |
Each category gets a score from 0 to 100. Google color-codes them:
- 0-49 (Red): Poor. Needs immediate attention.
- 50-89 (Orange): Needs improvement. Leaving money on the table.
- 90-100 (Green): Good. Your site meets Google's standards.
Think of it like a car inspection. Green means everything passes. Orange means things need fixing before they become expensive problems. Red means you should not be driving that car.
Performance is the category most websites struggle with, and the one that directly affects revenue. That is where we will focus most of our attention.
Why Your Score Matters for Revenue
A Lighthouse score is not a vanity metric. It connects directly to three things business owners care about: search rankings, visitor behavior, and conversion rates.
Google uses performance data to rank websites. Core Web Vitals (the real-world speed metrics that feed into your Lighthouse score) became a Google ranking factor in 2021. Sites that score green get a ranking boost. Sites that score red get penalized. If two competing sites have similar content, the faster one wins.
Visitors leave slow websites. Research from Google and Deloitte shows that 53% of mobile visitors abandon a page if it takes longer than 3 seconds to load. A Lighthouse performance score below 50 almost always means your site loads in 4+ seconds on mobile. That is half your visitors gone before they see your product.
Speed affects conversion rates. Vodafone improved their Lighthouse score by 31 points and saw an 8% increase in sales. Rebuilding.com found that a 0.1-second improvement in load time increased conversions by 8.4%.
How to Run Your First Lighthouse Audit
Running an audit takes less than a minute and costs nothing.
- Open pagespeed.web.dev in your browser
- Type your website address and click "Analyze"
- Wait 15-30 seconds while the tool tests your site on both mobile and desktop
You will see four colored circles with your scores. Below those, the tool lists specific issues and estimates how much each one affects your score.
Mobile results usually score lower than desktop because phones have less processing power. Google cares more about mobile scores because most web traffic comes from phones.
One important note: Lighthouse scores fluctuate between runs. You might get 62 on one test and 58 on the next. That is normal. Run the test three times and use the middle number as your baseline.
Understanding Your Results
The scores themselves are useful, but the real value is in the diagnostics below them. Lighthouse tells you exactly what is slowing your site down and estimates how much time each fix would save.
Performance Metrics That Matter
Lighthouse calculates your performance score from six metrics. Three carry the most weight:
Largest Contentful Paint (LCP) measures how long it takes for the biggest visible element (usually a hero image or headline) to appear on screen. Target: under 2.5 seconds. This single metric accounts for 25% of your performance score.
Interaction to Next Paint (INP) measures how quickly your site responds when someone clicks a button or fills out a form. Target: under 200 milliseconds. If your site feels "laggy" when visitors try to interact, this is why.
Cumulative Layout Shift (CLS) measures how much the page content jumps around while loading. You have seen this: you start reading text, then an ad loads above it and pushes everything down. Target: under 0.1. Google penalizes this because it ruins the user experience.
For a deeper explanation of all three metrics in plain language, I wrote a separate guide: Core Web Vitals for Business Owners.
The Diagnostics List
Below the metrics, Lighthouse shows "Opportunities" and "Diagnostics." Each item lists the issue, estimated time savings, and a color-coded priority. Sort by estimated time savings. The item at the top is usually the single biggest thing you can do to improve your score.
The 8-Step Improvement Plan
These steps are ordered by impact. Fixing step 1 alone can sometimes improve your score by 20-30 points.
Step 1: Compress and Convert Your Images
Images are the heaviest files on most websites. A single uncompressed photo can be 3-5 MB (megabytes). Your entire page should ideally be under 1.5 MB total.
What to do:
- Convert images from PNG or JPEG to WebP format. WebP files are 25-35% smaller with no visible quality difference.
- Resize images to the actual dimensions they display at. If an image appears at 800 pixels wide on your site, do not upload a 4000-pixel original.
- Use a compression tool like Squoosh (free, by Google) or TinyPNG to reduce file size further.
Expected impact: Compressing images typically improves your performance score by 15-25 points if your site currently uses unoptimized images.
Step 2: Remove Unused JavaScript
JavaScript is the code that makes your website interactive (dropdown menus, animations, forms, analytics). Most websites load far more than they need. WordPress sites with 15+ plugins are the worst offenders.
What to do:
- Lighthouse lists unused JavaScript under "Reduce unused JavaScript." Share this list with your developer.
- Audit plugins, widgets, and third-party scripts. That abandoned A/B testing script from 2024 is still loading on every page.
Expected impact: 10-20 point improvement.
Step 3: Fix Layout Shifts
Layout shifts happen when elements move around as the page loads. Common causes: images without defined dimensions, ads that load late, and fonts that swap in after the page appears.
What to do:
- Add width and height attributes to every image so the browser reserves space before it loads.
- Load web fonts with
font-display: swapso text appears immediately. - Move ads or dynamic content into fixed-size containers.
Expected impact: 5-15 point improvement, plus a more polished feel for visitors.
Step 4: Enable Browser Caching
Caching tells a visitor's browser to save files locally so they do not need to re-download them on the next visit. Without caching, every page view re-downloads your logo, your stylesheets, and your JavaScript files.
What to do:
- Ask your developer to set cache headers for static files to at least 30 days.
- If you use a CDN like Cloudflare or Vercel, caching is often enabled by default but may need configuration.
Expected impact: 5-10 point improvement on repeat visits.
Step 5: Defer Non-Critical JavaScript and CSS
By default, browsers stop rendering your page while they download JavaScript and CSS files. Deferring tells the browser to load these files in the background without blocking the page from appearing.
What to do:
- Ask your developer to add
deferorasyncattributes to non-critical scripts. - Move analytics, chat widgets, and social media scripts to load after the main content appears.
Expected impact: 5-15 point improvement, especially on mobile.
Step 6: Use a Content Delivery Network (CDN)
A CDN stores copies of your website on servers around the world. When someone in London visits your site, they get files from a London server instead of your server in Virginia.
What to do:
- If you host on Vercel, Netlify, or Cloudflare Pages, you already have a CDN.
- If you host on traditional hosting (GoDaddy, HostGator), add Cloudflare (free plan available) in front of your site.
Expected impact: 5-10 point improvement, with bigger gains for visitors far from your server.
Step 7: Minimize Third-Party Scripts
Every third-party tool on your website (Google Analytics, Facebook Pixel, live chat, heatmaps) loads its own JavaScript. Five tools can add 500KB-1MB of extra code.
What to do:
- List every third-party script on your site.
- Remove any you no longer actively use.
- For the ones you keep, ask your developer to load them asynchronously.
Expected impact: I have seen removing two unused scripts improve a score by 10 points.
Step 8: Optimize Server Response Time
If your server takes more than 600 milliseconds to respond (a metric called Time to First Byte, or TTFB), everything else stacks on top of that delay.
What to do:
- Check your TTFB in the Lighthouse results under "Initial server response time was short."
- If TTFB is high, the fix depends on the cause: underpowered hosting, slow database queries, or missing server-side caching.
- Upgrading from shared hosting ($5/month plans) to a proper hosting platform often cuts TTFB in half.
Expected impact: 5-15 point improvement.
For a comprehensive checklist of speed improvements with cost estimates, see my website speed optimization guide.
Before and After: Real Score Improvements
Here are typical results I see when working with clients on Lighthouse improvements:
| Client Type | Before | After | Key Fixes | Time Spent |
|---|---|---|---|---|
| E-commerce (Shopify) | 32 | 78 | Image compression, removed 4 unused apps, deferred scripts | 2 days |
| Professional services (WordPress) | 41 | 85 | WebP conversion, plugin audit (removed 8 plugins), added caching | 3 days |
| SaaS marketing site (Next.js) | 58 | 94 | Code splitting, lazy-loaded images, optimized fonts | 1 day |
| Local business (Squarespace) | 45 | 72 | Compressed images, reduced custom code blocks, optimized video embeds | 1 day |
The first 30-40 points of improvement are always the easiest. Going from 35 to 75 means fixing obvious issues. Going from 75 to 95 requires rewriting parts of the codebase.
Platform matters too. Squarespace and Wix have a performance ceiling because you cannot control the underlying code. Getting above 80 on those platforms is difficult. Next.js or Astro sites can reach 95+ with proper optimization.
When to Fix It Yourself vs. Hire a Developer
Some Lighthouse improvements require zero technical skill. Others need a developer.
You Can Fix These Yourself
- Compress images before uploading. Use Squoosh or TinyPNG.
- Remove unused plugins from WordPress, Shopify, or your CMS.
- Delete third-party scripts you no longer use (old analytics, abandoned chat widgets).
- Add image dimensions in your CMS if it exposes width/height fields.
- Enable CDN caching through your hosting provider's control panel.
You Need a Developer For These
- Code splitting and lazy loading (restructuring how JavaScript loads)
- Font optimization and critical CSS extraction
- Server response time fixes (database optimization, server configuration)
- Framework-level optimizations (server-side rendering, image pipelines)
What It Costs
| Fix Category | DIY Cost | Developer Cost | Time |
|---|---|---|---|
| Image optimization | Free | $200-500 | 1-2 hours |
| Plugin/script audit | Free | $300-800 | 2-4 hours |
| Caching setup | Free (basic) | $500-1,500 | 2-8 hours |
| JavaScript optimization | N/A | $1,000-3,000 | 1-2 days |
| Full performance overhaul | N/A | $2,000-8,000 | 3-5 days |
If your score is below 50, hiring a developer almost always pays for itself within 3-6 months through improved rankings and conversions.
Industry Benchmarks
| Industry | Typical Score | Competitive Score |
|---|---|---|
| E-commerce | 35-55 | 75+ |
| SaaS / Tech | 50-70 | 85+ |
| Professional services | 40-60 | 80+ |
| Media / Publishing | 25-45 | 70+ |
| Local business | 40-65 | 80+ |
The goal is not perfection. Run Lighthouse on three competitor sites. If they all score 45-55 and you score 80, you have a meaningful advantage in Google rankings.
FAQ
Does Lighthouse score directly affect Google rankings?
Lighthouse scores themselves do not directly affect rankings. But Core Web Vitals, which are measured by the same underlying metrics, are a confirmed Google ranking factor. A poor Lighthouse performance score almost always means poor Core Web Vitals, which does hurt your rankings.
What is a good Lighthouse performance score?
A score of 90 or above is considered good by Google's standards. For most business websites, aiming for 75-85 on mobile is a realistic and competitive target. Anything below 50 needs immediate attention because it means your site loads slowly enough to lose significant traffic.
How often should I run a Lighthouse audit?
Run an audit after every major change to your website (new pages, plugin additions, redesigns) and at least once per quarter as a routine check. Third-party scripts update themselves, content grows, and scores drift downward over time without maintenance.
Can I get a perfect 100 score?
Technically yes, but it requires an extremely minimal website. Every analytics script, font file, third-party widget, and complex animation reduces your score. A 100 is possible for a simple landing page but impractical for most business websites. Aim for 90+ and spend the remaining effort on content and conversion optimization instead.
My desktop score is 90 but my mobile score is 55. Which matters more?
Mobile matters more. Google uses mobile-first indexing, which means your mobile performance determines your search rankings. A 90 desktop score with a 55 mobile score means Google sees your site as a 55. Focus your optimization efforts on mobile first.
Next Steps
- Run your audit. Go to pagespeed.web.dev and test your homepage and your most important landing page. Write down both scores.
- Check images first. If Lighthouse flags "Serve images in next-gen formats" or "Properly size images," fix those before anything else.
- Audit your scripts. Count how many third-party tools load on your site. Remove anything you do not actively use.
- Compare against competitors. Run the same test on two or three competitors. The improvements on this list can give you an edge.
If your scores are below 50 and you are not sure where to start, I can review your site and tell you which fixes will have the biggest impact. I have done this for over 250 projects across e-commerce, SaaS, and professional services. Get in touch here and we can look at your numbers together.
