Live Audit Demo — Real Optimization Techniques

Score 34 → Score 97
in One Audit Sprint

Toggle between the Before and After versions. Every metric, every fix — fully documented and reproducible on any stack.

→
Lighthouse Score
0 / 100
Poor Performance
Core Web Vitals — Before
LCP Largest Contentful Paint 8.2s
INP Interaction to Next Paint 420ms
CLS Cumulative Layout Shift 0.42
FCP First Contentful Paint 4.1s
TTFB Time to First Byte 1.8s
Problems Found in Source Code
❌ Render-blocking scripts in <head>
<head> <!-- 3 scripts blocking render --> <script src="jquery.min.js"></script> <script src="bootstrap.js"></script> <script src="analytics.js"></script> <!-- 2.4MB uncompressed image --> <img src="hero-image.jpg"/> </head>
❌ Unoptimised images & no lazy loading
<!-- No width/height = layout shift --> <img src="photo.jpg"/> <!-- All images load immediately --> <img src="product1.jpg"/> <img src="product2.jpg"/> <img src="product3.jpg"/> <!-- 68KB unused CSS loaded --> <link href="bootstrap.min.css"/>
2.4MB
Unoptimised Images
68KB
Unused CSS
3
Render-Blocking Scripts
Lighthouse Score
0 / 100
Excellent Performance
Core Web Vitals — After
LCP Largest Contentful Paint
8.2s 0.8s
INP Interaction to Next Paint
420ms 62ms
CLS Cumulative Layout Shift
0.42 0.002
FCP First Contentful Paint
4.1s 0.5s
TTFB Time to First Byte
1.8s 0.18s
Optimised Source Code
✓ Deferred scripts + preloaded LCP image
<head> <!-- Preload hero image (LCP fix) --> <link rel="preload" as="image" fetchpriority="high" href="hero.avif"/> <!-- Scripts deferred, non-blocking --> <script src="app.js" defer></script> </head>
✓ Modern formats + lazy loading + dimensions
<!-- Explicit size = zero CLS --> <img src="photo.avif" width="800" height="600"/> <!-- Lazy load below-fold images --> <img src="p1.avif" loading="lazy"/> <img src="p2.avif" loading="lazy"/> <!-- Bootstrap removed, 68KB saved -->
94%
Image Size Saved
340KB
Total Payload Saved
10.2×
LCP Speed Improvement

10 Optimisations Applied

Reproducible on any stack
✓
WebP/AVIF Image Conversion
Converted 23 images to modern formats
−2.1MB
✓
Script Defer + Async
Moved 3 render-blocking scripts to defer
−3.1s LCP
✓
Critical CSS Inlining
Above-fold CSS inlined, rest deferred
−0.8s FCP
✓
LCP Image Preload
fetchpriority="high" on hero image
−1.4s LCP
✓
Image Lazy Loading
loading="lazy" on all below-fold images
−900ms
✓
Explicit Image Dimensions
width + height on every img tag
CLS 0.002
✓
Unused CSS Removal
Removed Bootstrap, FontAwesome (unused)
−68KB
✓
Brotli Compression
Enabled Brotli on server (nginx config)
−70% size
✓
Font-Display: Swap
Eliminated web font layout shift
CLS fixed
✓
Static Asset Caching
Cache-Control: max-age=31536000 on assets
−1.8s TTFB
Ready to go fast?

Get your site from
slow to 90+ in 48h

Jahanzaib audits your site, fixes every bottleneck, and guarantees a 90+ Lighthouse score — or you don't pay. Fixed price, 48-hour delivery.

Full Lighthouse audit report delivered same day
All 10 optimisation techniques applied
Works on any stack — Next.js, WordPress, Shopify
90+ score guaranteed or full refund
Audit My Site — $250 Portfolio