Lighthouse 90+ Scores That Hold Under Real Traffic
Website speed optimization and Core Web Vitals improvement service. I audit and fix LCP, INP, and CLS issues on Next.js and WordPress sites — image optimization, caching, JS bundle reduction, and server response tuning.
Every Second of Load Time Costs You Users — and Google Is Measuring It
A page that takes 3 seconds to load on mobile loses 53% of visitors before it renders, according to Google's own data. That is not a conversion rate problem — it is a speed problem disguised as a conversion problem. And since Google incorporated Core Web Vitals into its ranking algorithm, slow pages pay a compounding penalty: fewer rankings, fewer clicks, fewer conversions.
Most speed optimizations are surface-level: enable lazy load, install a caching plugin, call it done. Real performance work means understanding why the LCP element is slow, which JavaScript is blocking the main thread, and whether the root cause is the server, the CDN, the image delivery pipeline, or the CSS rendering path.
Systematic Speed Optimization With Documented Before and After Results
I run a structured Lighthouse and Core Web Vitals audit, identify the specific root causes dragging your scores down, and implement the fixes directly in your codebase or CMS. Every engagement delivers a before and after Lighthouse score comparison — not just recommendations.
- Before and after Lighthouse score documented in the final report
- LCP, CLS, and INP root cause identification from real CrUX field data
- Image compression and next-gen format conversion to WebP and AVIF
- JavaScript bundle analysis and code splitting for above-the-fold priority
- CDN configuration and HTTP caching headers tuned per asset type
Speed Optimization work areas covered
Core Web Vitals Fix
LCP, CLS, and INP root cause diagnosis from real field data and lab data. Fixes implemented for images, font loading, layout shift sources, and interaction latency. Rescored after every batch of changes.
Image Optimization
Convert images to WebP and AVIF, apply correct width and height attributes to prevent CLS, implement lazy loading for below-fold images, and set up srcset for responsive delivery. Typical result: 40 to 70% reduction in image payload.
Caching Setup
HTTP cache-control headers configured per asset type — long-lived for versioned assets, short or no-cache for HTML. Service worker caching for repeat visits. Browser caching verification via response header audit.
Code Minification
JavaScript and CSS minification, unused CSS removal, tree shaking for dead code elimination, and deferred loading for non-critical scripts. Reduces total page weight and unblocks initial render.
CDN Configuration
CDN setup or audit — Cloudflare, AWS CloudFront, or Bunny.net. Edge caching rules, image resizing at the edge, geographic routing, and TTL configuration for static assets.
Database Optimization
Slow query identification, index analysis, query caching configuration, and N+1 query resolution for database-backed sites. Reduces server response time (TTFB) so every subsequent optimization compounds faster.
Website Speed Pricing, fixed fee per engagement
One-time · Audit + top fixes
Sites that need a diagnosed and prioritized fix list with the highest-impact changes implemented.
- Full Lighthouse audit (mobile and desktop)
- Core Web Vitals field data analysis
- Root cause report for every low score
- Image optimization (up to 50 images)
- Caching headers configured
- Prioritized fix list with implementation notes
One-time · Full audit and implementation
Complete speed overhaul — audit, all fixes implemented, before and after scores documented.
- Everything in Starter
- WebP and AVIF image conversion (full site)
- JavaScript bundle analysis and code splitting
- CDN setup or audit and full configuration
- Font loading optimization (font-display: swap)
- Code minification and unused CSS removal
- Database query optimization
- Before and after Lighthouse score in final report
- 30-day follow-up Core Web Vitals check
Scoped after discovery call
Large e-commerce platforms, complex SPAs, or performance engineering for high-traffic sites needing ongoing monitoring.
- Unlimited page scope
- Next.js and React performance deep-dive
- Server-side rendering optimization
- Advanced database query performance
- Custom monitoring and alerting setup
- Monthly performance retainer available
- Dedicated support channel
Speed Optimization — How It Works
Baseline Measurement
Run Lighthouse on mobile and desktop for your key pages. Pull Core Web Vitals field data from CrUX for real user experience. Document baseline scores — this is the before in the before and after Lighthouse report.
Root Cause Analysis
Identify which specific resources are causing each metric failure: which image is the LCP element, what is causing layout shift, which script is extending Time to Interactive.
Implement Fixes
Apply changes directly — image conversion, cache header configuration, script defer, CDN rule setup, database query fixes. Every fix targets a specific metric, not general optimization.
Rescore and Verify
Lighthouse rescored after each batch of fixes. Core Web Vitals field data checked in CrUX. Lab scores confirm immediate impact while field data is updated on a 28-day rolling window.
Before and After Report
Final report documents before and after Lighthouse scores for each page, what was changed, and why each change improved performance. You keep this regardless of future changes.
Speed Optimization That holds past launch day
Real Field Data, Not Just Lab Scores
Lighthouse runs in a controlled lab environment. Core Web Vitals from CrUX reflect actual user experience across real devices and connections. I audit both — they don't always agree, and Google ranking uses field data.
Scores That Don't Regress
Image optimization without automating future uploads means scores drop when the next blog post goes live. I configure the pipeline — automated compression on upload, correct srcset, CDN delivery — so the fix persists.
Before and After in Every Report
Every engagement documents baseline and post-fix Lighthouse scores. You see exactly what moved, by how much, and which changes caused which improvements.
Third-Party Script Triage
Analytics, chat widgets, A/B testing scripts, and ad pixels are often the biggest performance offenders. I audit their impact and configure them to load without blocking the initial render.
Font Loading Done Right
Google Fonts loaded via @import in CSS are render-blocking. Font files without font-display: swap cause invisible text during load. Both issues are common, both are fixable, and fixing them typically recovers 0.3 to 0.8 LCP seconds.
Async Delivery, Davao City
All deliverables in writing. Before and after screenshots with every fix. UTC+8 timezone — available for US, AU, and EU clients without synchronous meetings required.
Speed Improvements With Documented Numbers
"My Shopify store was scoring 34 on mobile Lighthouse. Johnbert converted all product images to WebP, added proper lazy loading, deferred analytics scripts, and configured Cloudflare caching correctly. Final score: 91. Mobile checkout conversions increased 22% in the 30 days after."
"Our marketing site was loading our analytics suite synchronously in the head tag — killing LCP. Johnbert moved everything to deferred loading, split the JS bundle, and added a CDN. We went from 48 to 93 on desktop and 38 to 87 on mobile. The before and after report made it easy to show leadership the ROI."
"I had read about image optimization but didn't know where to start. Johnbert ran the audit, found 23 images over 1MB on my homepage, converted them to AVIF, and configured lazy loading. LCP dropped from 6.2 seconds to 1.8 seconds. Three pages moved up 4 to 6 positions after Google recrawled."
Website Speed Questions
Johnbert Oñez
AI Solutions Engineer & Full Stack Developer · 6+ yrs · 50+ projects
Based in Davao City, Philippines. Specialises in production AI systems, full-stack web applications, and WordPress. Remote-first, async-friendly, fixed-fee projects.
Explore Related Services
Got a project in mind?
Let's build it.
AI systems, SaaS platforms, WordPress solutions — whatever the scope, I bring craftsmanship and precision from day one.