PageSpeed Insights, Google’ın sitenizin hızını hem laboratuvar (Lighthouse) hem alan (Chrome UX Report) verileriyle ölçen ücretsiz aracıdır. 0-100 arasında bir skor verir ve 90+ skor almak çoğu site sahibinin hedefidir. Ancak PageSpeed Insights sadece bir rapor değil, sıralama ve dönüşüm için pratik bir performans göstergesidir. 2024 Amazon araştırması her 100 ms gecikmenin satışları %1 düşürdüğünü, Google ise mobil sayfa yüklenme süresi 3 saniyeyi geçtiğinde bounce rate’in %90+ arttığını gösteriyor. 90+ skor, sayfanızın hem gerçek kullanıcılara hızlı yüklendiği hem de Google tarafından “yüksek kalite” olarak değerlendirildiği anlamına gelir.
Bu rehberde PageSpeed Insights’ın nasıl çalıştığını, hangi metrikleri ölçtüğünü ve sistematik olarak 90+ skoru tutturmak için uygulayabileceğiniz tekniği öğreneceksiniz. Genel teknik SEO bağlamı için Teknik SEO Rehberi‘ne göz atın.
PageSpeed Insights Nasıl Çalışır?
PageSpeed Insights iki tür veri sunar: Core Web Vitals alan verisi (gerçek kullanıcı ölçümleri, CrUX’dan) ve Lighthouse laboratuvar verisi (kontrollü simülasyon ortamında yapılan test). Google sıralamasında alan verisi belirleyicidir, ancak geliştirme sırasında Lighthouse hızlı geri bildirim sağlar.
Lighthouse skoru 6 metrikten oluşur ve her birinin ağırlığı farklıdır:
- First Contentful Paint (FCP) — %10: İlk içeriğin görünme süresi
- Largest Contentful Paint (LCP) — %25: En büyük içeriğin yüklenme süresi
- Total Blocking Time (TBT) — %30: JavaScript’in sayfayı bloke etme süresi (lab INP karşılığı)
- Cumulative Layout Shift (CLS) — %25: Görsel stabilite
- Speed Index (SI) — %10: Sayfanın görsel olarak dolma hızı
Skor hesaplaması log-normal dağılımdan gelir: FCP 1.8 sn’de 90, 3.4 sn’de 50 puan verir. Küçük iyileştirmeler düşük skorlarda büyük fark yaratırken, 85’ten 95’e çıkmak çok daha zordur. 90+ skor için LCP 2.5 sn, TBT 200 ms, CLS 0.1 altında tutturmalısınız.
Mobil ve masaüstü skorları ayrı hesaplanır. Mobil simülasyonu Moto G4 cihazında yavaş 3G üzerinden yapılır, yani gerçek masaüstü kullanıcınızdan çok daha sert bir testtir. Masaüstünde 98 alırken mobilde 55 görmek yaygın.
Neden SEO için Önemli?
PageSpeed skoru, üç ana sebepten SEO için kritiktir:
1. Doğrudan sıralama etkisi. Google Page Experience güncellemesi sayfa hızını resmi sıralama faktörü ilan etti. İki benzer kalitede sayfadan hızlısı daha üst sırada çıkar. Rakibiniz 95 skor alırken siz 60 alıyorsanız, içerik kaliteniz çok daha iyi olsa bile onları geçmek zorlaşır.
2. Crawl budget verimliliği. Hızlı siteleri Googlebot daha sık ve daha çok sayıda sayfa tarar. Yavaş sitelerde crawl rate düşer, yeni içerikler geç indexlenir. Bu durum özellikle 10.000+ URL’li sitelerde belirgin.
3. Dönüşüm ve kullanıcı metriklerinin dolaylı etkisi. Yavaş sayfa kullanıcıyı geri butona basmaya iter; bu “pogo-sticking” Google tarafından algılanır. Dönüşüm oranı düşerse, Google Ads Quality Score düşer, CPC artar. Pinterest sayfa hızını %40 iyileştirdiğinde organic trafiği %15, kayıt oranını %15 artırdığını raporladı. Walmart her 1 saniyelik iyileşmede dönüşümün %2 arttığını gösterdi.
PageSpeed optimizasyonu izole bir konu değil; Core Web Vitals, mobile-first indexing ve genel kullanıcı deneyimi stratejinizin merkezinde yer alır.
Pratik Uygulama: 90+ Skoru için Teknikler
PageSpeed skorunu artırmanın yolu altı ana stratejiden geçer:
1. Görsel Optimizasyonu
Ortalama bir sayfanın %50-60’ı görsellerden oluşur. Optimize edilmemiş görseller LCP’yi ve toplam yüklenme süresini en çok yavaşlatan faktördür.
- Modern format (WebP/AVIF): JPEG’e göre %25-50, PNG’ye göre %50-80 daha küçük. AVIF Safari 16+ ve Chrome destekli, WebP neredeyse her yerde çalışır.
- Responsive görseller: srcset ve sizes attribute’ları ile farklı ekran boyutları için farklı çözünürlükler.
- Lazy loading: Görünmeyen görseller yüklenmez. <img loading=”lazy”> native attribute; hero görseli için asla kullanmayın.
- Explicit dimensions: width ve height attribute’ları CLS’i önler.
2. JavaScript Optimizasyonu
JS, TBT ve INP’nin en büyük düşmanıdır. Sayfa yüklenirken 200 KB uncompressed JS mobilde 400-600 ms bloke eder.
- Code splitting: Sayfa-başına ihtiyaç duyulan JS’i ayrı bundle’larda yükle.
- Defer ve async: Kritik olmayan scriptlere defer veya async attribute ekle.
- Third-party audit: Tag Manager’da 15+ tag varsa mutlaka audit et. Google Analytics bile yanlış yüklendiğinde TBT’ye 50-100 ms ekler.
- Tree shaking: Kullanılmayan import’ları kaldır (webpack, rollup, esbuild).
3. CSS Optimizasyonu
- Critical CSS inline: First paint için gereken CSS’i <style> içinde head’e göm, geri kalanı asenkron yükle.
- Unused CSS kaldır: PurgeCSS, UnCSS araçlarıyla kullanılmayan stilleri temizle.
- CSS minification: Build pipeline’da otomatik yap.
- Font display: Web font’larda font-display: swap kullan, Flash of Invisible Text önle.
4. CDN Kullanımı
Cloudflare, BunnyCDN, Fastly gibi CDN’ler asset’leri kullanıcıya en yakın edge sunucudan sunar. TTFB’yi (Time to First Byte) %40-60 azaltır. Türkiye’deki kullanıcılar için İstanbul edge lokasyonu olan CDN tercih edilmeli.
5. Caching
Browser caching (Cache-Control header) statik asset’lere 1 yıl, HTML’e kısa süre. Server-side caching (Redis, Varnish, WP Rocket) her istekte DB sorgusunu tekrarlamaz.
6. Server-side Optimizasyon
- PHP-FPM worker sayısını tune et
- Database query’leri indexle
- HTTP/2 veya HTTP/3 kullan
- Gzip veya Brotli compression aktif
Tüm bu alanları tek tek test etmek yerine Temel Web Metrikleri aracı ile tüm sayfalarınızı tarayabilir, Site Sağlığı aracı ile 245 kontrol üzerinden darboğazları tespit edebilirsiniz.
Adım Adım: PageSpeed 90+ Yolculuğu
Yaygın Hatalar
PageSpeed optimizasyonunda en yaygın hata sadece ana sayfayı optimize etmek. Ana sayfa 95 alırken ürün sayfaları 45 alıyorsa, gerçek kullanıcılarınız (Google’ın CrUX verisi) kötü deneyim yaşar. 75. yüzdelik değer kuralı gereği sitenizin tüm sayfaları 90+ olmalı, sadece showcased ana sayfa değil.
İkinci hata lazy loading’i hero görseline uygulamak. Viewport’un ilk ekranında görünen görseller lazy yüklenirse LCP ciddi şekilde bozulur. <img loading=”lazy”> yerine hero için <link rel=”preload” as=”image”> kullanın.
Üçüncüsü, “WordPress cache plugin kurdum, her şey tamam” yanılgısı. WP Rocket, LiteSpeed Cache gibi eklentiler fark yaratır ama gerçek optimizasyon bununla sınırlı değil. Görsel optimizasyonu, third-party script audit’i, sunucu tuning’i ayrıca yapılmalı. Eklenti bir tıkla 95 skor vermez.
Dördüncüsü, eski jQuery ve Bootstrap bağımlılıkları. Yeni projelerde jQuery kullanmaya gerek yok—modern browser’lar native DOM API’lerini destekliyor. Bootstrap yerine Tailwind veya minimal custom CSS daha hafif. Eski projelerde kademeli geçiş yapılabilir.
Son olarak skor takıntısı. 95 ile 99 arasındaki fark kullanıcı için fark edilmez ama son 5 puan için harcayacağınız efor kaynakların %40’ını tüketebilir. 90+ makul hedef, 95+ mükemmel. 100 genellikle mikro-optimizasyonlar gerektirir ve ROI’si düşük.
Sık Sorulan Sorular
Özet
PageSpeed Insights 90+ skoru, modern SEO’nun rekabet gerektiren bir eşiğidir. Teorik olarak herkes 85-88 alabilir; asıl mücadele o son 5-10 puandadır. Sistematik yaklaşım şart: önce ölç (mobil ve masaüstü ayrı), sonra görselleri ve JS’i ele al, CDN kur, Critical CSS uygula, her değişiklikten sonra tekrar test et. Skor takıntısından kaçının—100 puan mikro-optimizasyon ister ve ROI’si düşük. 90+ makul ve ulaşılabilir hedef. Teknik SEO’nun diğer kritik konuları için Teknik SEO Rehberi‘ni ve Core Web Vitals rehberini incelemenizi öneririz.