A one-second delay in page load time reduces conversions by 7%. Page speed is both a direct Google ranking factor and the biggest predictor of whether visitors stay or bounce. Here is how to systematically improve it.
Measuring Your Current Speed
Use three tools for a complete picture:
Google PageSpeed Insights — Lab and field data, actionable recommendations.
WebPageTest.org — Detailed waterfall chart showing every resource loading.
GTmetrix — Historical tracking and comparison with competitors.
Image Optimization — The Biggest Win
Images typically account for 60-80% of page weight. Priority order:
1. Convert to WebP format (30-50% smaller than JPEG/PNG)
2. Resize to actual display dimensions — no 4000px images displayed at 400px
3. Add width and height attributes to prevent layout shift
4. Lazy load below-fold images: loading="lazy"
5. Use a CDN to serve from edge locations near users
JavaScript Optimization
JavaScript is the #1 cause of slow interactive pages. Audit with Chrome Coverage tool:
• Remove unused JS (often 50%+ of loaded JS is never executed)
• Defer non-critical scripts: <script defer src="...">
• Use code splitting — load JS only when needed
• Replace jQuery with vanilla JS where possible (saves 30KB)
Server Response Time
Target: under 200ms Time to First Byte (TTFB).
• Enable server-side caching (Redis, Memcached)
• Use a quality hosting provider — shared hosting is often the bottleneck
• Consider a VPS or cloud hosting for serious traffic
Caching Strategy
Browser caching: Set long cache expiry (1 year) for static assets — CSS, JS, images. They rarely change, so returning visitors should load them from cache. Server caching: Store rendered HTML pages in memory so PHP/database queries are not repeated on every request.
