PageSpeed %100: İmkansız Değil, İncelik İşi
15 Ocak 2025 · 8 dk okuma
Web sitenizin Google PageSpeed Insights'tan 100 alması imkansız mı? Kesinlikle hayır. Ama bu, "bir eklenti kurup geçmek"ten çok daha fazlasını gerektirir. Bu yazıda, kendi sitelerimde uyguladığım ve %100 skoruna ulaşmamı sağlayan stratejileri adım adım paylaşıyorum.
1. Harici İstekleri Sıfırlayın
Google Fonts, Bootstrap CDN, jQuery CDN, harici ikon kütüphaneleri... Her biri ayrı bir HTTP isteği demektir. Ben tüm fontları lokal olarak sunuyorum, CSS ve JS dosyalarını kendi sunucumda barındırıyorum. Dışarıya tek bir istek bile atmayın.
2. Görselleri WebP Formatına Dönüştürün
PNG ve JPEG yerine WebP kullanmak, görsel boyutlarını kaliteden ödün vermeden %30-50 küçültür. GIMP veya online araçlarla kolayca dönüşüm yapabilirsiniz. Kalite seviyesini %90'da tutmak, görsel kalite ile dosya boyutu arasında mükemmel bir denge sağlar.
3. Kritik CSS'i Satır İçi (Inline) Verin
Sayfanın ilk açılışta görünen kısmı (above the fold) için gereken CSS'i doğrudan HTML içinde verin. Geri kalan CSS'i preload ile yükleyin. Bu, render engellemeyi ortadan kaldırır ve First Contentful Paint süresini dramatik şekilde düşürür.
4. Gereksiz Her Şeyi Atın
Kullanmadığınız CSS, sayfada hiç çağrılmayan JavaScript fonksiyonları, "belki lazım olur" diye eklenmiş kütüphaneler... Hepsi çöptür. Minimalist olun. Her satır kodun bir amacı olsun.
5. Sunucu Tarafı Optimizasyon
.htaccess ile GZIP sıkıştırma, tarayıcı önbellekleme ve güvenlik başlıkları ekleyin. Hostinger'ın LiteSpeed sunucusu zaten hızlı, ama doğru yapılandırmayla farkı maksimuma çıkarabilirsiniz.
Sonuç
PageSpeed %100 almak bir günde olmaz. Ama her adımı titizlikle uygularsanız, sadece skoru değil, gerçek kullanıcı deneyimini de zirveye taşırsınız. Ve evet, bu site %100 skora sahiptir.