Blog - Google PageSpeed Skoru Nasıl Yükseltilir?

Google PageSpeed Skoru Nasıl Yükseltilir?

 En hızlı sonuç veren yaklaşım şudur: önce LCP’yi düşür, sonra INP’yi iyileştir, ardından CLS’yi stabilize et. Google’a göre iyi eşikler genel olarak LCP ≤ 2.5 sn, INP düşük gecikmeli, CLS ≤ 0.1 seviyesidir. Özellikle LCP kötü ise, ana içerik geç geliyor demektir; bu da skorun büyük kısmını aşağı çeker.

Pratikte en etkili iyileştirmeler şunlardır:

1. Sunucu yanıt süresini azaltın (TTFB)
Yavaş hosting, ağır backend sorguları, kötü cache politikası ve CDN eksikliği LCP’yi doğrudan bozar. Google, LCP analizinde TTFB’yi ilk alt bileşenlerden biri olarak gösteriyor; yani sunucu geç yanıt veriyorsa geri kalan optimizasyonların etkisi sınırlı kalır. Full-page cache, object cache, CDN ve daha hızlı sunucu altyapısı genelde ilk büyük kazancı sağlar.

2. Ana görseli doğru yükleyin
Birçok sitede LCP öğesi hero görseldir. Bu görsel CSS arkasına gizlenmişse, JavaScript ile geç ekleniyorsa veya lazy-load yapıldıysa skor düşer. Google’ın güncel önerisi, LCP görselinin HTML içinde erken keşfedilebilir olması, gerekirse fetchpriority="high" ile önceliklendirilmesi ve LCP görselinde lazy-load kullanılmamasıdır.

3. Render-blocking kaynakları azaltın
Başta yüklenen gereksiz CSS ve JS dosyaları, sayfanın ilk görünmesini geciktirir. Kritik CSS’yi öne almak, kullanılmayan CSS/JS’yi temizlemek, kritik olmayan script’leri defer veya async ile yüklemek genelde PageSpeed skorunda ciddi artış sağlar. Lighthouse da büyük fırsatları “Opportunities” bölümünde bu mantıkla öne çıkarır.

4. JavaScript yükünü küçültün
INP ve genel performans için en sık sorunlardan biri ana iş parçacığının fazla meşgul olmasıdır. Ağır framework kodu, fazla üçüncü taraf script, büyük bundle’lar ve uzun görevler kullanıcı etkileşimini yavaşlatır. Kod bölme, kullanılmayan paketleri kaldırma, hydration maliyetini azaltma ve üçüncü taraf scriptleri sınırlama INP’yi iyileştirir. Google’ın INP kılavuzları, yavaş etkileşimleri bulup ana thread yükünü azaltmaya odaklanıyor.

5. Görselleri optimize edin
Görselleri WebP veya AVIF’e çevirmek, uygun boyutta sunmak, srcset kullanmak ve sıkıştırmak hem LCP’yi hem toplam yükleme süresini iyileştirir. Özellikle mobilde büyük boyutlu ama küçük alanda gösterilen görseller PageSpeed skorunu gereksiz yere düşürür. Bu, çoğu projede en kolay kazanımlardan biridir. Lighthouse fırsatları da büyük medya kaynaklarını tipik olarak işaret eder.

6. Yazı tiplerini düzgün yönetin
Web font’lar metnin geç görünmesine veya layout kaymasına neden olabilir. font-display: swap kullanmak, gereksiz font ağırlıklarını kaldırmak, mümkünse font preload uygulamak faydalıdır. Lighthouse, metnin font yüklenene kadar görünmez kalmamasını ve ana iş yükünün azaltılmasını özellikle önerir.

7. CLS sorunlarını temizleyin
Sayfa açılırken butonların, görsellerin veya blokların yer değiştirmesi CLS’yi bozar. Bunun ana nedenleri genelde width/height verilmeyen görseller, sonradan eklenen reklam alanları, embed’ler ve geç yüklenen font’lardır. Görsel ve iframe alanlarını önceden rezerve etmek, dinamik bileşenler için sabit yer ayırmak gerekir. Core Web Vitals içinde CLS bu görsel kararlılığı ölçer.

8. Üçüncü taraf scriptleri azaltın
Canlı destek, reklam, heatmap, A/B test, sosyal medya embed ve takip scriptleri çoğu zaman ana thread’i yorar ve yükleme zincirini uzatır. Gerçekten gerekli olmayanları kaldırmak, geri kalanları geç yüklemek PageSpeed skorunda çoğu zaman beklenenden büyük fark yaratır. Bu, hem Lighthouse laboratuvar verisinde hem de gerçek kullanıcı verisinde iyileşme sağlayabilir.

9. Laboratuvar verisi ile gerçek kullanıcı verisini birlikte okuyun
PageSpeed Insights yalnızca test ortamı skoru vermez; mümkün olduğunda gerçek kullanıcı verilerini de gösterir. Bazen laboratuvar skoru düşük ama gerçek kullanıcı deneyimi daha iyi olabilir, ya da tersi olabilir. Bu yüzden yalnızca sayı yerine hangi metrikin sahada kötü olduğunu görmek daha doğrudur. CrUX ve PSI bu ayrımı yapmanıza yardımcı olur.

En pratik öncelik sırası şu olur:

  1. Hosting/CDN/cache
  2. Hero görseli ve LCP öğesi
  3. Render-blocking CSS/JS
  4. Gereksiz JavaScript
  5. Görsel optimizasyonu
  6. CLS düzeltmeleri
  7. Üçüncü taraf script temizliği

WordPress kullanıyorsanız genelde LiteSpeed Cache / WP Rocket benzeri cache yapıları, görsel sıkıştırma, kritik CSS, JS geciktirme ve CDN ile hızlı kazanım alınır. Next.js / React tarafında ise bundle küçültme, SSR/streaming, image optimization ve third-party script kontrolü daha belirleyici olur. Bu son cümle genel teknik çıkarımdır; hangi müdahalenin en çok etki edeceğini kesin olarak sizin rapor belirler