Bir sayfanın açılması iki saniye yerine beş saniye sürdüğünde ziyaretçinin sepeti terk etme ihtimali kat kat artar. Google da bu gerçeği ölçülebilir hâle getirmek için Core Web Vitals adı verilen üç temel metriği sıralama sinyalleri arasına aldı. WordPress site hızlandırma çalışması, bu metrikleri hedefleyen sistemli bir optimizasyon sürecidir; rastgele eklenti kurmakla değil, darboğazı doğru teşhis etmekle başlar. Bu yazıda hangi metriğin neyi ölçtüğünü, WordPress tarafında hangi ayarların hangi metriği iyileştirdiğini ve ölçüm sonuçlarını nasıl yorumlayacağınızı ayrıntılı biçimde ele alıyorum.
Core Web Vitals Metrikleri Neyi Ölçer?
Üç metrik, ziyaretçinin sayfayla kurduğu deneyimin üç farklı anını ölçer. Bunları anlamadan yapılan optimizasyon, hangi ilacın hangi hastalığa iyi geldiğini bilmeden ilaç almaya benzer.
LCP: En Büyük İçerikli Boyama
Sayfanın görünen alanındaki en büyük öğenin ne kadar sürede ekrana geldiğini ölçer. Bu öğe genellikle bir kapak görseli veya büyük bir başlıktır. İyi kabul edilen değer 2,5 saniyenin altıdır. LCP’yi kötüleştiren başlıca etkenler yavaş sunucu yanıt süresi, sıkıştırılmamış büyük görseller ve görüntülemeyi geciktiren stil dosyalarıdır.
INP: Sonraki Boyamayla Etkileşim
Ziyaretçi bir butona tıkladığında ya da menüyü açtığında sayfanın ne kadar sürede tepki verdiğini ölçer. Eskiden kullanılan ilk giriş gecikmesi metriğinin yerini aldı ve yalnızca ilk etkileşimi değil, oturum boyunca yaşanan tüm etkileşimleri değerlendirir. 200 milisaniyenin altı iyi kabul edilir. Bu metriği en çok bozan şey, ana iş parçacığını meşgul eden ağır JavaScript kodudur.
CLS: Kümülatif Düzen Kayması
Sayfa yüklenirken içeriğin yerinden oynamasını ölçer. Boyutu tanımlanmamış görseller, sonradan yüklenen yazı tipleri ve tepeden inen reklam alanları bu kaymanın başlıca sebepleridir. Hedef değer 0,1’in altındadır. Kullanıcı deneyimi açısından en sinir bozucu sorun budur; tıklamak üzereyken butonun yer değiştirmesi doğrudan güven kaybı yaratır.
Hız Optimizasyonuna Nereden Başlamalı?
Optimizasyona başlamadan önce mevcut durumu ölçmeli ve kaydetmelisiniz. PageSpeed Insights laboratuvar verisiyle birlikte gerçek kullanıcı verisini de gösterir; Search Console’daki Core Web Vitals raporu ise sitenizin tamamındaki eğilimi izlemenizi sağlar. Ölçüm yapmadan yapılan değişiklikler, iyileştirme mi yoksa gerileme mi getirdiğini bilmediğiniz körlemesine denemelere dönüşür.
Hosting Seçimi Bütün Optimizasyonun Temelidir
Sunucunun ilk bayt süresi yüksekse, hiçbir önbellek eklentisi bunu tam olarak telafi edemez. Paylaşımlı ve aşırı yoğun bir sunucuda barındırılan site, en iyi ayarlarla bile ortalama sonuç verir. NVMe diskli, güncel PHP sürümü sunan ve sunucu tarafında önbellek desteği bulunan bir WordPress hosting paketi, tek başına LCP değerinde belirgin fark yaratır. Hedef kitleniz Türkiye’deyse sunucunun coğrafi konumu da gecikmeyi doğrudan etkiler.
Önbellekleme Katmanları
WordPress dinamik bir sistemdir; her ziyarette veritabanından sorgu yapar ve sayfayı yeniden üretir. Önbellekleme, bu üretimi bir kez yapıp sonucu hazır dosya olarak sunma mantığına dayanır. Sayfa önbelleği en büyük kazancı sağlayan katmandır. Bunun üzerine tarayıcı önbelleği, nesne önbelleği ve sunucu düzeyinde önbellek eklendiğinde yük belirgin biçimde azalır. Önemli olan birden fazla önbellek eklentisini aynı anda çalıştırmamaktır; çakışan kurallar sayfa çıktısını bozar.
Görsel Optimizasyonu: En Hızlı Kazanç
Ortalama bir WordPress sayfasının ağırlığının büyük bölümünü görseller oluşturur. Bu yüzden görsel optimizasyonu, en az emekle en çok kazanç sağlayan alandır. Fotoğrafları yüklemeden önce kullanılacak boyuta göre yeniden boyutlandırmak, 4000 piksel genişliğindeki bir fotoğrafı 1200 piksellik bir alana koymaktan çok daha mantıklıdır. Modern görsel biçimleri, aynı görsel kaliteyi çok daha küçük dosya boyutuyla sunar ve dönüştürme işlemi eklentilerle otomatikleştirilebilir.
Tembel Yükleme ve Görünen Alan Ayrımı
Sayfanın altındaki görsellerin ziyaretçi oraya kaydırana kadar yüklenmemesi, ilk açılış süresini kısaltır. Ancak buradaki kritik ayrıntı, görünen alandaki ana görsele tembel yükleme uygulanmamasıdır. Kapak görselini geciktirdiğinizde LCP değerini iyileştirmek yerine bozarsınız. Doğru yaklaşım, ilk ekrandaki görseli öncelikli olarak yüklemek, geri kalanını ertelemektir.
Görsel Boyutlarını Tanımlayın
Her görsel etiketine genişlik ve yükseklik değeri verildiğinde tarayıcı, görsel henüz inmeden o alanı ayırır ve düzen kayması yaşanmaz. Bu tek uygulama, CLS değerini düzeltmenin en pratik yoludur. Aynı mantık gömülü videolar ve reklam alanları için de geçerlidir.
Kod Tarafında Sadeleştirme
Eklentiler, ihtiyaç duyulmayan sayfalarda bile kendi stil ve betik dosyalarını yükleyebilir. İletişim formu eklentisinin ana sayfada dosya yüklemesi buna tipik bir örnektir. Koşullu yükleme sağlayan araçlarla, hangi eklentinin hangi sayfada çalışacağını sınırlandırabilirsiniz. Kullanılmayan CSS’in temizlenmesi ve JavaScript dosyalarının ertelenmesi de INP değerini iyileştirir. Ancak bu tür agresif optimizasyonlar site işlevini bozabileceği için, her değişiklikten sonra formların, menülerin ve sepet işlemlerinin çalıştığı mutlaka test edilmelidir.
Veritabanı Bakımı
Yıllar içinde biriken yazı revizyonları, geçici kayıtlar ve silinmiş eklentilerden kalan tablolar veritabanını şişirir. Düzenli aralıklarla yapılan temizlik, özellikle sorgu yoğun sayfalarda yanıt süresini kısaltır. Bu işlemi yapmadan önce mutlaka yedek almak gerekir.
İçerik Dağıtım Ağı ve Sıkıştırma
Ziyaretçileriniz farklı şehirlerden ya da ülkelerden geliyorsa, statik dosyaları onlara en yakın sunucudan sunan bir içerik dağıtım ağı gecikmeyi azaltır. Bunun yanında sunucu tarafında etkinleştirilen sıkıştırma, aktarılan veri miktarını düşürür. Bu iki ayar birlikte uygulandığında, özellikle mobil bağlantılarda hissedilir bir hızlanma sağlar.
Ölçüm Sonuçlarını Doğru Yorumlamak
Hız testlerinde tek bir ölçüme bakmak yanıltıcıdır. Aynı sayfayı beş kez ölçtüğünüzde farklı sonuçlar alabilirsiniz; çünkü sunucu yükü, ağ koşulları ve önbellek durumu her denemede değişir. Önemli olan eğilimdir. Ayrıca laboratuvar verisi ile gerçek kullanıcı verisi arasındaki farkı da göz önünde bulundurmalısınız. Gerçek kullanıcı verisi, sitenizi gerçekten ziyaret eden insanların cihaz ve bağlantı çeşitliliğini yansıttığı için karar verirken asıl bakılması gereken kaynaktır.
Sonuç
WordPress’te hız optimizasyonu, tek bir eklentinin çözdüğü bir mesele değil; sağlam bir hosting üzerine kurulan, önbellekleme, görsel yönetimi, kod sadeleştirme ve düzenli bakımdan oluşan katmanlı bir çalışmadır. LCP için sunucu yanıtına ve ana görsele, INP için JavaScript yüküne, CLS için boyut tanımlarına odaklandığınızda üç metrikte de gözle görülür iyileşme elde edersiniz. Her değişiklikten önce yedek alın, her değişiklikten sonra ölçüm yapın ve sonuçları haftalar boyunca izleyin. Hızlı bir web sitesi, yalnızca daha iyi bir sıralama değil, aynı zamanda daha az terk edilen sepet ve daha çok tamamlanan form anlamına gelir.
