Pagespeed insights skoru nasil yukseltilir

Pagespeed Insights Skorunuzu Yükseltmenin 6 Kritik Adımı

Bir web sitesinin yavaş açılması, ziyaretçilerin %53’ünün 3 saniyeden fazla beklemeyeceği gerçeğiyle birleştiğinde büyük bir trafik kaybına yol açar. Google’ın 2021’den beri sıralama faktörü olarak kullandığı Core Web Vitals metriklerinde, LCP (Largest Contentful Paint) 2.5 saniyenin altında olmalıdır. Peki bu hedeflere nasıl ulaşılır?

1. Görsel Optimizasyonu: Boyutlar ve Formatlar

Ortalama bir web sayfasının %45’ini görseller oluşturur. 1920px genişliğindeki optimize edilmemiş bir JPEG görseli 800KB yerine, WebP formatında 150KB’a düşürülebilir. Photoshop’ta “Save for Web” seçeneği yerine Squoosh.app gibi araçlarla %60-70 kalite ayarında sıkıştırma yapın. Örnek kod:

Lazy Loading: <img src=”resim.jpg” loading=”lazy” alt=”örnek”>
SRCSet Kullanımı: Mobil cihazlara 600px, masaüstüne 1200px versiyon sunun
CDN Entegrasyonu: Cloudflare Images gibi hizmetlerle global dağıtım

2. JavaScript ve CSS İyileştirmeleri

React kullanan bir site, 300KB’lık bundle.js dosyasıyla LCP’yi 4 saniyeye çıkarabilir. Webpack ile code splitting yaparak kritik kaynakları öne alın:

Async/Defer: <script src=”analytics.js” defer></script>
Critical CSS: Above-the-fold içeriği inline style olarak ekleyin
Tree Shaking: Kullanılmayan Lodash fonksiyonlarını silin

3. Sunucu Tarafı Optimizasyonları

TTFB (Time To First Byte) 600ms’nin üzerindeyse, hosting planınız yetersiz demektir. LiteSpeed sunucular + LSCache ile önbellekleme, MySQL sorgularınızı %70 hızlandırabilir. .htaccess dosyanıza eklemeniz gerekenler:

Brotli Sıkıştırma: AddOutputFilterByType BROTLI_COMPRESS text/html
Expires Headers: CSS/JS dosyalarına 1 yıl cache süresi verin
DNS Prefetch: <link rel=”dns-prefetch” href=”//fonts.googleapis.com”>

4. Font ve Tipografi Optimizasyonu

Google Fonts’tan yüklenen 4 adet 500KB’lık font dosyası, FID (First Input Delay) değerini bozabilir. font-display: swap özelliği ile sistem fontlarını fallback olarak kullanın. Örnek CSS:

Font Subsetting: Sadece Türkçe karakterleri içeren WOFF2 dosyası
Preload: <link rel=”preload” href=”font.woff2″ as=”font” crossorigin>
Variable Fonts: 1 dosyayla light, regular, bold ağırlıklarını yükleyin

5. Veritabanı ve Arka Plan İşlemleri

WooCommerce kullanan bir sitede 2 saniyeden uzun süren SQL sorguları, wp_options tablosunun optimize edilmemesinden kaynaklanabilir. WP Rocket eklentisi ile:

Object Caching: Redis/Memcached entegrasyonu
Cron Optimizasyonu: Gereksiz wp-cron işlemlerini kapatın
Transient Temizliği: wp transient delete –all komutu

6. Monitoring ve Sürekli İyileştirme

Pagespeed skorunuz 90’a ulaştıktan sonra bile, yeni eklenen bir eklenti performansı bozabilir. Lighthouse CI ile her commit’de otomatik test yapın. Uyarı sistemleri kurmak için: