WordPress Site Hızı Nasıl Artırılır? (LCP ve FID Değerlerini İyileştirme)
WordPress Site Hızı Nasıl Artırılır? (LCP ve FID Değerlerini İyileştirme)
WordPress site hızı, günümüzde yalnızca bir kullanıcı deneyimi kriteri değil, aynı zamanda Google’ın Core Web Vitals (Önemli Web Verileri) algoritmasıyla doğrudan bir sıralama faktörüdür. Sitenizin yavaş açılması, sadece ziyaretçi kaybına değil, SEO performansınızın düşmesine de neden olur.
Bu rehberde, özellikle LCP ve FID metriklerini hedef alarak WordPress sitenizi nasıl hızlandıracağınızı teknik detaylarıyla inceleyeceğiz.
1. Core Web Vitals Nedir? (LCP ve FID)
Teknik iyileştirmelere geçmeden önce, odaklandığımız iki ana metriği anlayalım:
-
LCP (Largest Contentful Paint – En Büyük İçerikli Boyama): Sitenizdeki en büyük görselin veya metin bloğunun ekranda görünür hale gelme süresidir. İdeal süre 2.5 saniyenin altı olmalıdır.
-
FID (First Input Delay – İlk Giriş Gecikmesi): Bir kullanıcının sayfanızla ilk etkileşime geçtiği (bir butona tıklama gibi) an ile tarayıcının bu etkileşime yanıt verdiği an arasındaki süredir. İdeal süre 100 milisaniyenin altı olmalıdır.
2. LCP Değerini İyileştirme (Görsel ve Sunucu Odaklı)
LCP genellikle sitenin üst kısmındaki büyük bir görsel (Hero Image) veya banner’dan kaynaklanır.
-
Görsel Optimizasyonu ve Next-Gen Formatlar: Görsellerinizi manuel olarak küçültmek yerine WebP formatına dönüştürün. WordPress tarafında Imagify veya Smush gibi eklentilerle görselleri otomatik optimize edebilirsiniz.
-
Lazy Load (Tembel Yükleme) İstisnası: Sayfanın alt kısmındaki görseller için Lazy Load kullanmak harikadır; ancak LCP görselini (ekranın en üstündeki ilk görseli) Lazy Load kapsamından çıkarmalısınız. Aksi takdirde tarayıcı bu görseli yüklemek için bekler ve LCP süresi artar.
-
Sunucu Yanıt Süresini (TTFB) Azaltın: Kaliteli bir hosting (mümkünse NVMe SSD altyapılı) kullanın. Ayrıca sunucu tarafında Object Cache (Redis veya Memcached) kullanımı veri tabanı yükünü hafifleterek LCP’yi doğrudan iyileştirir.
3. FID Değerini İyileştirme (JavaScript ve Kod Odaklı)
FID, genellikle tarayıcının ana iş parçacığının (Main Thread) yoğun JavaScript kodları nedeniyle meşgul olmasından kaynaklanır.
-
JavaScript Yüklemesini Erteleyin (Defer): Kritik olmayan JS dosyalarını sayfa tamamen yüklendikten sonra çalışacak şekilde ayarlayın. WP Rocket veya Autoptimize gibi eklentilerle “JavaScript dosyalarını ertele” seçeneğini aktif edebilirsiniz.
-
Üçüncü Taraf Kodları Sınırlandırın: Google Analytics, Facebook Pixel veya canlı destek sohbet araçları FID süresini uzatır. Bu kodları sadece gerekli sayfalarda yükleyin veya yüklemelerini geciktirin.
-
CSS ve JS Dosyalarını Küçültün (Minify): Kodlardaki boşlukları ve gereksiz karakterleri temizleyerek dosya boyutunu düşürün.
4. Önbellekleme (Caching) Stratejisi
WordPress’te hızın %50’si doğru önbelleklemeden geçer.
-
Sayfa Önbellekleme: Dinamik PHP sayfalarını statik HTML sayfalarına dönüştürerek sunucu yükünü azaltır.
-
Tarayıcı Önbellekleme: Sitenize daha önce gelen ziyaretçinin, görselleri ve logoları her seferinde sunucudan indirmesini engeller, yerel hafızadan çekmesini sağlar.
5. Kritik CSS (Critical CSS) Kullanımı
Tarayıcı, sayfanın üst kısmını oluşturmak için tüm CSS dosyasının inmesini beklememelidir. Sadece ekranın üst kısmında (Above the Fold) görünen alan için gerekli olan CSS’i (Critical CSS) satır içi (inline) olarak yükleyip, geri kalan devasa CSS dosyasını arka planda yükletmek LCP değerini ciddi oranda düşürür.
📝 Teknik Tüyolar
-
Gereksiz Eklenti Temizliği: “Asset CleanUp” gibi eklentiler kullanarak, her sayfada yüklenen ancak o sayfada hiç kullanılmayan eklenti dosyalarını devre dışı bırakın. Örneğin; iletişim formunuzun kodları sadece iletişim sayfasında yüklensin, ana sayfada değil.
-
CDN Kullanımı: Sitenizin görsellerini ve statik dosyalarını ziyaretçiye en yakın sunucudan gönderen bir CDN (Cloudflare gibi) kullanmak, hem LCP hem de TTFB değerlerini pırlanta gibi parlatır.
-
Yazı Tipi (Font) Optimizasyonu: Google Fonts kullanıyorsanız
font-display: swap;parametresini eklediğinizden emin olun. Bu, yazı tipi dosyası inerken sistem yazı tipinin görünmesini sağlayarak sayfanın “boş” görünmesini engeller.
