LaptopMurah.net
From 76 to Perfect 100 — Zero Framework JavaScript
Budget laptop comparison platform optimized from 76 to 100 mobile performance score. Zero framework JS, 8 network requests, 135KB total page weight.
Performance Snapshot
The Challenge
LaptopMurah.net was a budget laptop comparison platform built on a traditional stack with jQuery plugins, Google Fonts loaded synchronously, and unoptimized product images averaging 200KB each.
Issues Identified
- Mobile PageSpeed score stuck at 76 with no clear path to improvement
- Render-blocking Google Fonts adding 800ms to First Contentful Paint
- Product comparison tables loading 40+ unoptimized PNG images per page
- jQuery and three plugin scripts totaling 180KB of blocking JavaScript
- Cumulative Layout Shift of 0.18 from late-loading font swaps and images without dimensions
The Strategy
A complete architecture-first rebuild using Astro, eliminating all framework JavaScript and replacing every external dependency with self-hosted, optimized alternatives.
T1: Self-Hosted Variable Fonts
Replaced Google Fonts with self-hosted Inter and Space Grotesk variable fonts. Single file per family, Latin subset only — reduced from 6 font requests to 2.
T2: Metric-Matched Fallbacks
Created precise fallback font declarations with size-adjust, ascent-override, and descent-override to achieve CLS of exactly 0 during font swap.
T4: Inlined Critical CSS
Astro build pipeline inlines all CSS directly into the HTML document. Zero external stylesheet requests.
T7: WebP Image Pipeline
Automated conversion of all product images to WebP with responsive srcset. Average image dropped from 200KB to 18KB.
T10: Zero Framework JS
Eliminated jQuery and all plugins. Every interaction rebuilt with vanilla JS under 2KB total, loaded with defer.
T15: Optimized Resource Hints
Strategic preload ordering — fonts first, then critical above-fold images. No wasted preconnects.
The Execution
The rebuild was completed in 14 days, migrating all product data to a static content layer and replacing the dynamic comparison engine with pre-rendered pages.
Content Audit & Data Migration
Extracted all product data into structured JSON. Identified 8 page templates covering 100% of site functionality.
Astro Architecture Setup
Configured Astro with static output, inline stylesheets, and zero client-side framework. Build config optimized for minimal output.
Image Pipeline Automation
Built a Sharp-based script to batch-convert all product images to WebP at multiple breakpoints. Automated srcset generation for every product card.
Font Optimization
Downloaded, subset, and self-hosted variable fonts. Created metric-matched fallback declarations tested across Chrome, Firefox, and Safari.
Performance Validation
Ran 50+ Lighthouse audits across all page templates. Verified consistent 100/100 on both mobile and desktop before launch.
The Results
LaptopMurah.net went from a struggling 76 mobile score to a perfect 100 on both mobile and desktop — with only 8 network requests and 135KB total page weight.
Key Achievements
- Mobile score improved from 76 to 100 (+24 points)
- Total page weight reduced from 1.2MB to 135KB (89% reduction)
- Network requests dropped from 47 to 8 (83% reduction)
- LCP improved from 3.8s to 1.4s
- CLS eliminated entirely — from 0.18 to 0
- TBT reduced to 0ms — zero main thread blocking
Verify It Yourself
Don't take our word for it. Click the buttons below to run a live PageSpeed Insights test on LaptopMurah.net — right now, in your browser.
Opens Google PageSpeed Insights in a new tab. Results are live and unmanipulated.
Every Page. Every Metric. Independently Verifiable.
We hide nothing. Below is the performance data for every single page on this website. Click any URL and verify it yourself on Google PageSpeed Insights.
/ /cara-kami-menilai/ /dasar-editorial/ /dasar-privasi/ /penafian/ /pendedahan-affiliate/ /peta-laman/ /tentang/ /terma-syarat/ /laptop-bawah-rm1000/ /laptop-bawah-rm1500/ /laptop-bawah-rm2000/ /laptop-baru/ /laptop-import/ /laptop-refurbished/ /laptop-second-hand/ /laptop-acer-murah/ /laptop-apple-murah/ /laptop-asus-murah/ /laptop-dell-murah/ /laptop-hp-murah/ /laptop-lenovo-murah/ /laptop-msi-murah/ /laptop-bisnes/ /laptop-gaming-murah/ /laptop-kerja-office/ /laptop-pelajar/ /laptop-murah-johor/ /laptop-murah-kedah/ /laptop-murah-kelantan/ /laptop-murah-kuala-lumpur/ /laptop-murah-melaka/ /laptop-murah-negeri-sembilan/ /laptop-murah-pahang/ /laptop-murah-penang/ /laptop-murah-perak/ /laptop-murah-perlis/ /laptop-murah-sabah/ /laptop-murah-sarawak/ /laptop-murah-selangor/ /laptop-murah-terengganu/ /kedai-laptop/ /kedai-laptop/johor/ /kedai-laptop/kedah/ /kedai-laptop/kelantan/ /kedai-laptop/kuala-lumpur/ /kedai-laptop/melaka/ /kedai-laptop/negeri-sembilan/ /kedai-laptop/pahang/ /kedai-laptop/penang/ /kedai-laptop/perak/ /kedai-laptop/perlis/ /kedai-laptop/sabah/ /kedai-laptop/sarawak/ /kedai-laptop/selangor/ /kedai-laptop/terengganu/ /blog/ /blog/panduan-beli-laptop-murah-2025/ Data fetched via Google PageSpeed Insights API on April 8, 2026. Scores may vary ±2-5 points between runs.
Want Results Like This?
Every project starts with a free performance audit. Let's see what we can do for your site.