WordPress sitelerinde hız problemi yaşandığında genellikle ilk refleks bir cache eklentisi kurmak oluyor. Bazen gerçekten fark yaratıyor, bazen de PageSpeed puanı biraz yükselmesine rağmen site hâlâ yavaş hissettiriyor.
Hosting, tema, eklentiler, görseller, JavaScript dosyaları ve veritabanı aynı anda sayfanın yüklenme süresini etkileyebiliyor. Bu nedenle bir siteyi hızlandırmaya başlamadan önce asıl problemin nerede olduğunu bulmak gerekiyor.
WordPress projelerinde sık karşılaştığım 7 performans hatasını aşağıda topladım. Gereğinden büyük görseller kullanmak
Sayfada 700 piksel genişliğinde görüntülenecek bir görselin 4000-5000 piksel olarak yüklenmesi oldukça yaygın. Özellikle yüksek çözünürlüklü stok fotoğraflar doğrudan WordPress'e yüklendiğinde tek bir görsel birkaç megabayta ulaşabiliyor.
Görselleri yüklemeden önce kullanılacağı alana uygun boyuta getirmek, sıkıştırmak ve mümkün olduğunda WebP veya AVIF gibi modern formatları tercih etmek önemli.
Ancak yalnızca dosya formatını değiştirmek yeterli değil. 4000 piksel genişliğindeki bir görseli WebP'ye çevirmek, görselin gereğinden büyük olduğu gerçeğini değiştirmiyor. Her problemi cache eklentisiyle çözmeye çalışmak
Sunucu geç cevap veriyorsa, çok fazla JavaScript çalışıyorsa veya veritabanında ağır sorgular varsa cache yalnızca problemin bir bölümünü gizleyebilir.
Ayrıca aynı anda birden fazla optimizasyon eklentisi kullanmak da başka sorunlara yol açabiliyor.
Örneğin bir eklentide JavaScript erteleme, başka bir eklentide tekrar JavaScript optimizasyonu ve hosting panelinde üçüncü bir optimizasyon sistemi açıldığında hangi ayarın ne yaptığını takip etmek zorlaşıyor.
Ben mümkün olduğunca tek bir ana cache sistemi üzerinden ilerlemeyi ve diğer optimizasyonları kontrollü şekilde eklemeyi tercih ediyorum. Kullanılmayan JavaScript ve CSS dosyalarını her sayfada yüklemek
Bir WordPress sitesine zaman içinde farklı özellikler eklendikçe yüklenen dosya sayısı da büyüyor.
Slider, popup, iletişim formu, harita, canlı destek, analiz araçları ve page builder bileşenleri sayfaya kendi CSS veya JavaScript dosyalarını ekleyebiliyor.
Problem şu ki bu dosyalardan bazıları ilgili özelliğin olmadığı sayfalarda bile yüklenmeye devam ediyor.
Örneğin iletişim formunun bulunmadığı bir sayfada form eklentisinin tüm JavaScript dosyalarının yüklenmesine her zaman ihtiyaç olmayabilir.
Bu nedenle optimizasyon sırasında yalnızca dosyaları küçültmeye değil, gerçekten gerekli olup olmadıklarına da bakmak gerekiyor. Hero görseline yanlış lazy load uygulamak
Sayfanın aşağısındaki görselleri kullanıcı o bölüme yaklaşana kadar bekletmek ilk yüklemedeki veri miktarını azaltabilir.
Özellikle sayfanın üst bölümündeki büyük hero görseli ziyaretçinin ilk gördüğü içeriklerden biriyse, bu görseli geciktirmek LCP değerini olumsuz etkileyebilir.
Ekranın ilk açılışında gerekli olan görseller mümkün olduğunca erken yüklenmeli, aşağıdaki içerikler ise gerektiğinde yüklenmeli. Hosting problemini WordPress problemi sanmak