Konu İçeriği
Neden Web Performansı Önemli?
Bir zamanlar sitem dört saniyede açılıyordu ve bunu normal sanıyordum. Ta ki bir gün Google Search Console’da “Core Web Vitals” uyarıları görene kadar. Hız düzeltmeleri sonrası organik trafiğim iki ay içinde %35 arttı. O günden beri web performansı benim için en kritik konulardan biri.
Google araştırmalarına göre sayfa yükleme süresi 3 saniyeyi aştığında ziyaretçilerin %53’ü siteyi terk ediyor. Yani siteniz yavaşsa içerik ne kadar iyi olursa olsun kimse okumuyor. Üstelik Google 2026 itibarıyla sayfa hızını sıralama faktörü olarak kullanıyor. Yavaş site, düşük sıralama demek.
Performans Ölçüm Araçları
Hız düzeltmelerine başlamadan önce nerede durduğunuzu bilmeniz lazım. Ben şu araçları düzenli olarak kullanıyorum:
| Araç | Tür | Ücret | En İyi Özellik |
|---|---|---|---|
| Google PageSpeed Insights | Analiz | Ücretsiz | Core Web Vitals skoru |
| GTmetrix | Analiz | Freemium | Detaylı su şelalesi |
| Lighthouse | Analiz | Ücretsiz | Kapsamlı denetim |
| WebPageTest | Analiz | Ücretsiz | Çok konum testi |
| Cloudflare | CDN | Freemium | Küresel CDN |
| ImageOptim | Görsel | Ücretsiz | Görsel sıkıştırma |
| Webpack | Derleme | Ücretsiz | Paket iyileştirmesi |
| LazySizes | Kütüphane | Ücretsiz | Geç yüklemeli görseller |
Ben her yeni sayfa yayınladığımda ilk iş PageSpeed Insights’ta kontrol ediyorum. Mobil ve masaüstü skorlarını ayrı ayrı inceliyorum. GTmetrix’i ise detaylı inceleme gerektiğinde kullanıyorum, özellikle su şelalesi grafiği hangi kaynağın yavaşladığını hemen gösteriyor.
Core Web Vitals: Hangi Metrikler Önemli?
Google’ın “Core Web Vitals” olarak adlandırdığı üç temel metrik var. Bunlar sitenizin kullanıcı deneyimini doğrudan ölçüyor:
- LCP (En Büyük İçerik Boyutu Boyama): Sayfanın en büyük içerik öğesinin ekranda görünme süresi. 2.5 saniyenin altında olmalı. Benim sitemdeki ana görsel eskiden 4 saniyede yükleniyordu, optimize ettikten sonra 1.8 saniyeye düştü.
- INP (Etkileşimden Sonraki Boyama): Kullanıcı bir butona tıkladığında veya bir form doldurduğunda sayfanın ne kadar hızlı yanıt verdiği. 200 milisaniyenin altında iyi sayılıyor. Bir e-ticaret sitesinde çalışırken ödeme butonunun 800ms gecikmeli yanıt verdiğini gördüm, düzelttikten sonra satışlar %12 arttı.
- CLS (Kümülatif Düzen Kayması): Sayfa yüklenirken öğelerin birbirinin yerine kayıp kaymadığını ölçüyor. 0.1’in altında olmalı. En çok reklamlar ve boyutu belirtilmemiş görseller yüzünden yaşanıyor.
Görsel İyileştirmesi
Görseller çoğu web sayfasının en büyük dosyalarıdır. Benim sitemde toplam sayfa boyutunun %60’ı görsellerden geliyordu. Şu adımları uygulayarak büyük fark yarattım:
- WebP ve AVIF formatlarını kullanın: JPEG yerine WebP kullanmak ortalama %30 küçültme sağlıyor. AVIF ise WebP’den bile %20 daha küçük. WordPress’te otomatik dönüştürme eklentileri var.
- Responsive görseller için srcset kullanın: Mobil cihaza 1920 piksel genişliğinde bir görsel göndermek gereksiz. Her ekran boyutuna uygun görsel yükleyin.
- Geç yüklemeli görseller uygulayın: Ekranda görünmeyen görselleri sayfa açılana kadar yüklemeyin. Böylece ilk yükleme çok hızlı oluyor. Benim sitemde bu tek değişiklik LCP skorunu 0.8 saniye iyileştirdi.
Kod ve Betim İyileştirmesi
Temiz kod hız demek. Gereksiz her satır sunucuya gidiş-dönüş süresini uzatıyor. Ben şu adımları her projede uyguluyorum:
- CSS ve JavaScript dosyalarını küçültün: Boşluklar, yorumlar, gereksiz karakterler dosya boyutunu şişiriyor. Otomatik küçültme araçlarıyla %20-40 küçülme sağlanabilir.
- Kullanılmayan kodu kaldırın: Bir zamanlar ana sayfamda sadece 3 sayfa için geçerli olan 2000 satır CSS taşıdığımı fark ettim. Temizleyince dosya boyutu yarıya düştü.
- Kritik CSS’i satır içi ekleyin: Sayfanın ilk ekranda görünen kısmı için gerekli CSS’i doğrudan HTML içine gömün. Geri kalan stilleri arka planda yükleyin.
Sunucu ve Ağ İyileştirmesi
İyi bir sunucu altyapısı olmadan diğer tüm çabalar boşa gidebilir. Ben Cloudflare’a geçtikten sonra dünya genelinde ortalama yanıt sürem 800ms’den 200ms’ye düştü.
- CDN kullanın: Cloudflare ücretsiz planı bile çok işe yarıyor. Ziyaretçinin coğrafi konumuna en yakın sunucudan içerik sunuyor.
- GZIP veya Brotli sıkıştırmasını etkinleştirin: Metin tabanlı dosyalar %60-80 oranında küçülüyor. Çoğu hosting bu özelliği varsayılan olarak açık sunuyor ama kontrol etmekte fayda var.
- HTTP/2 veya HTTP/3 kullanın: Birden fazla dosya paralel olarak yüklenebiliyor. Eski HTTP/1.1 protokolünde dosyalar sırayla iniyordu.
- Sunucu yanıt süresini 200ms altına indirin: Veritabanı sorgularını iyileştirin, gereksiz eklentileri kaldırın, sayfa önbelleği kullanın.
Sonuç
Web performansı tek seferlik bir iş değil, sürekli izlenmesi gereken bir süreç. Ben her ay düzenli olarak PageSpeed Insights’tan skorlarımı kontrol ediyorum. Yeni bir eklenti kurduğumda, büyük bir görsel eklediğimde veya tema güncellediğimde mutlaka yeniden test ediyorum. Yukarıdaki araçlar ve stratejileri uygulayarak sitenizin hızını ciddi şekilde artırabilirsiniz. Hem kullanıcılarınız hem de Google memnun kalacak.
