WooCommerce dünyasının en popüler temalarından biri olan Woodmart, zengin tasarım seçenekleriyle e-ticaret sitelerinin gözdesi. Ancak bu kadar çok özelliği tek bir yapıda barındırması, doğru bir Woodmart tema optimizasyonu yapılmadığı takdirde ciddi hız ve performans kayıplarına yol açabilir. Yavaş açılan bir e-ticaret sitesi ise doğrudan dönüşüm oranı ve Google sıralama kaybı demektir.
Daha önce kaleme aldığım Avada Tema Hızlandırma rehberimde olduğu gibi, Woodmart temanızı da kaplumbağa hızından çıkarıp, Core Web Vitals testlerinden yeşil ışık yakacak seviyeye getirecek temel optimizasyon adımları inceleyelim.
1. Dahili Performans Ayarlarını Aktifleştirin
Woodmart, harici bir eklentiye gerek duymadan kendi içinde güçlü bir optimizasyon paneli sunar;
- Tema Ayarları > Performans > CSS sekmesine gidin. “CSS birleştir” ve “CSS sıkıştır” seçeneklerini aktif edin. Kullanmadığınız tema özelliklerinin CSS dosyalarını kapatın.
- Tema Ayarları > Performans > JS sekmesine gidin. Komut Dosyası Yükleme Modu ayarını “Ertele” veya “Eşzamansız” olarak değiştirin.
“JS Birleştir” seçeneği, bazı durumlarda kod çakışmalarına yol açabileceği için “İsteğe Bağlı Stil” ve “Script Yükleme” seçeneğini aktif etmek daha güvenlidir.
2. Görsel Optimizasyonu ve Lazy Load
E-ticaret sitelerinin en büyük yükü tabii ki ürün görselleridir. Woodmart’ın kendi lazy load(gecikmeli yükleme) mekanizmasını doğru kullanmak sayfa boyutunu yarı yarıya düşürebilir
- Tema Ayarları > Performans sekmesinden, görseller için “lazy load” seçeneğini aktif edin. Fakat anasayfa slider’ı veya ürün detay sayfasındaki ilk ana görseli (LCP) lazy load kapsamından çıkarın. Aksi takdirde Google’ın ilk ekran yükleme puanı düşer.
- Tüm ürün ve kategori görsellerini WebP formatına dönüştürerek yükleyin.
3. Elementor / WPBakery Yükünü Azaltın
Woodmart genellikle Elementor veya WPBakery ile kullanılır. Sayfa oluşturucuların arka planda yarattığı iç içe geçmiş kod karmaşasını azaltmak için;
- Sayfa tasarlarken üst üste binen gereksiz iç içe bölümler kullanmaktan kaçının.
- Mobil görünüm için ayrı, masaüstü için ayrı elementler oluşturmak yerine; tek bir elementi responsive boyutlandırmalarla kullanın. Bu durum, sayfanın arka planındaki kod yükünü ciddi oranda küçültür.
4. Önbellekleme ve Sunucu Taraflı Optimizasyon
Tema içi ayarların, güçlü bir önbellekleme eklentisiyle desteklenmesi gerekir.
- Sunucunuz LiteSpeed ise kesinlikle LiteSpeed Cache eklentisini kullanın. Woodmart ile uyumlu şekilde çalışması için, eklenti ayarlarındaki “misafir modu” ve “kullanılmayan CSS kodlarını temizleme” özelliklerini aktif hale getirin.
- WooCommerce altyapısında sepet hareketleri ve dinamik sorgular, veritabanını çok yorar. Sunucu tarafında, Redis veya Memcached aktif edilerek veritabanı yükü hafifletilmelidir.
Sonuç
Bu adımlarla Woodmart temanızın sunduğu görsel zenginliği kaybetmeden, yüksek açılış hızlarına ve daha iyi dönüşüm oranlarına ulaşabilirsiniz. Buradaki temel mantık; temanın kendi sunduğu dahili performans ayarlarını doğru yapılandırmak ve sunucu taraflı önbellekleme çözümlerinden faydalanmaktır.
Google için Core Web Vitals testlerinde yeşil ışık yakmak sadece teknik bir başarı değil, doğrudan müşteri memnuniyeti ve daha yüksek dönüşüm oranı demektir.
E-ticaret siteniz için profesyonel bir destek arıyorsanız hizmetlerime göz atabilirsiniz.