PageSpeed 42'den 96'ya: Hız Optimizasyonu Vaka Analizi ve Teknik Adımlar

Bir hukuk bürosu web sitesi: 8 yıllık geçmişe sahip, Bursa merkezli, aile ve iş hukuku odaklı. Google'da görünürlük düşük, organik trafik neredeyse yok. Ancak asıl sorun şuydu: sitedeki birkaç yüz kelimelik içerik, PageSpeed Insights'ta masaüstünde 42, mobilde 19 skor alıyordu. Google bu siteyi yavaş, mobil dostu olmayan ve indekslenmeye değmez buluyordu. Müvekkil adayları arama sonuçlarında bile göremiyordu. Bu vaka analizinde 42'den 96'ya giden yolculuğu adım adım aktarıyoruz.

Başlangıç Durumu: Tanı Aşaması

Kodem Yazılım ekibi projeye başlarken kapsamlı teknik audit gerçekleştirdi. GTmetrix ve Google PageSpeed Insights verileri şu tabloyu ortaya koydu:

• LCP (Largest Contentful Paint) — 8.2 saniye. Google hedefi: 2.5 saniye altı. Sorun: 4.2 MB büyüklüğünde optimize edilmemiş hero görseli.
• CLS (Cumulative Layout Shift) — 0.34. Google hedefi: 0.1 altı. Sorun: boyutsuz görüntüler ve geç yüklenen font nedeniyle sayfa düzeni kayıyor.
• FID/INP — 420ms. Hedef: 200ms altı. Sorun: render-blocking JavaScript dosyaları.
• Sunucu yanıt süresi (TTFB) — 1.9 saniye. Paylaşımlı hosting yükü altında eziliyordu.
• Toplam sayfa ağırlığı — 6.8 MB. Modern standart: 1 MB altı.
• HTTP istekleri — 87 adet. Modern standart: 30-50 arası.

Bu tanı, müdahale önceliklerini belirledi: görüntü optimizasyonu, hosting değişimi, JavaScript düzenlemesi ve CLS düzeltmesi.

Müdahale 1: Görüntü Optimizasyonu (Kazanım: +18 Puan)

Sayfanın toplam ağırlığının %73'ü görüntülerden geliyordu. Yapılan işlemler:

• 64 adet görüntü JPEG/PNG'den WebP formatına dönüştürüldü. Ortalama boyut azalması: %68.
• Hero görseli 4.2 MB'dan 180 KB'a düşürüldü — aynı görsel kalitesinde.
• Tüm görüntülere width ve height attribute eklendi — CLS'i düzeltti.
• Ekran dışı görüntüler için lazy loading eklendi.
• Hero görseli için <link rel="preload"> — LCP görüntüsünün önceden yüklenmesi.

Sonuç: Sayfa ağırlığı 6.8 MB'dan 2.1 MB'a düştü. LCP 8.2sn'den 3.8sn'ye geriledi.

Müdahale 2: Hosting Değişimi (Kazanım: +12 Puan)

Paylaşımlı hosting'den Türkiye lokasyonlu SSD VPS sunucuya geçiş:

• TTFB: 1.9sn → 0.24sn
• Nginx web sunucusu kurulumu (Apache'ye kıyasla statik dosya sunumunda daha hızlı)
• PHP-FPM ile daha verimli PHP işleme
• Gzip ve Brotli sıkıştırma aktif
• Redis önbellekleme kurulumu

Hosting değişimi tek başına PageSpeed skorunu 10-15 puan iyileştirdi.

Müdahale 3: JavaScript Optimizasyonu (Kazanım: +9 Puan)

Render-blocking JavaScript analizi 4 kritik dosya ortaya çıkardı:

• jQuery (83 KB) — senkron yükleniyor, tüm render'ı blokluyordu. Async attribute eklendi.
• Google Fonts JavaScript loader — CSS ile yüklemeye geçildi, font-display: swap eklendi.
• Google Analytics — defer ile yüklemeye alındı.
• Sosyal medya paylaşım widgetları — lazy load edildi, sayfayı kullananın %3'ü bunlara tıklıyordu ama herkese yüklüyordu.

Toplam render-blocking kaldırma süresi: 2.4sn'den 0.3sn'ye.

Müdahale 4: CSS ve Font Optimizasyonu (Kazanım: +7 Puan)

• Kritik (above-the-fold) CSS satır içine alındı — 14 KB.
• Kullanılmayan CSS kuralları temizlendi (PurgeCSS ile): 280 KB'dan 48 KB'a.
• Google Fonts yerine self-hosted font — harici DNS bağlantısı ortadan kalktı.
• Yalnızca kullanılan font ağırlıkları (Regular 400, Bold 700) yüklendi.

Müdahale 5: Önbellekleme Stratejisi (Kazanım: +10 Puan)

• Browser cache: CSS, JS ve görüntüler için 1 yıllık önbellek süresi.
• Statik HTML önbellekleme: dinamik PHP sayfaları ilk istemciye sunulduktan sonra statik HTML olarak kaydedildi. Sonraki ziyaretçiler doğrudan HTML dosyasını alıyor — veritabanı sorgusu yok.
• CDN entegrasyonu: Cloudflare ücretsiz plan — statik dosyalar edge sunuculardan sunuluyor.

Son Sonuçlar: 6 Hafta Sonra

6 haftalık çalışma sonunda Google PageSpeed Insights verileri:

• Masaüstü PageSpeed — 42 → 96
• Mobil PageSpeed — 19 → 91
• LCP — 8.2sn → 1.6sn (hedef: 2.5sn altı)
• CLS — 0.34 → 0.04 (hedef: 0.1 altı)
• INP — 420ms → 110ms (hedef: 200ms altı)
• Sayfa ağırlığı — 6.8 MB → 0.9 MB
• HTTP istekleri — 87 → 31

Core Web Vitals alanında "İyi" statüsüne ulaşıldı. Sonraki 3 ay içinde organik trafik %127 arttı. Hız iyileştirmesi, içerik kalitesiyle birleşince arama sıralaması hızla yükseldi.

Bu Vakadan Öğrenimler

• Görüntü optimizasyonu her zaman ilk ve en büyük kazanımı sunar — başlangıç noktası burası olmalı.
• Paylaşımlı hosting hız optimizasyonunun önünde duvar oluyor; gerçek hız için VPS gerekli.
• JavaScript sorunları genellikle kütüphane yükleme sırasıyla ilgili; kodu yazmadan sadece loading stratejisi değişince büyük kazanım elde edilebilir.
• PageSpeed skoru hedef değil araç. Asıl hedef kullanıcı deneyimi ve dönüşüm. Ancak bu vakada 96 skor, %127 trafik artışına doğrudan katkı sağladı.