WooCommerce Hızlı Olabilir: Gerçekten İşe Yarayan Bir Performans Kılavuzu

Yükleme süresindeki bir saniyelik gecikme dönüşümleri yaklaşık %7 düşürür. Aylık $10.000 kazanan bir mağaza için bu, yavaş sayfalar nedeniyle ayda $700 kayıp demektir. Bir yılda sitenizin çok uzun sürmesi nedeniyle $8.400 buharlaşır.

Google, WooCommerce sayfa hızını doğrudan arama sıralamalarına dahil eder. Yavaş mağazalar daha kötü sıralanır, daha az trafik alır ve daha az dönüştürür. Çifte darbe.

Üstelik bu sadece rakamlarla ilgili değil. Yavaş siteler güvenilmez görünür. Bir sayfanın yüklenmesi için 4-5 saniye bekleyen müşteriler sitenin meşru olup olmadığını, siparişlerinin doğru işlenip işlenmeyeceğini, ürünlerini zamanında alıp almayacaklarını sorgulamaya başlar. Hız güven oluşturur.

WooCommerce hızında en önemli tek faktör barındırmadır. WooCommerce'in gerçek maliyetini anlamak, yanlış yerde tasarruf etmek yerine hızlı barındırma için bütçe ayırmanıza yardımcı olur. Aylık $3'lık paylaşımlı barındırma planı size hiçbir zaman hızlı yükleme süreleri vermez. Sunucu kaynaklarını yüzlerce başka siteyle paylaşıyorsunuz ve WooCommerce'in dinamik PHP sayfaları gerçek işlem gücüne ihtiyaç duyar.

Barındırmada Nelere Dikkat Etmeli:

• PHP 8.2+ - Her PHP sürümü ölçülebilir hız iyileştirmeleri getirir. PHP 8.2, PHP 7.4'ten yaklaşık 3 kat daha hızlıdır.
• Sunucu düzeyinde önbellek - FastCGI önbellekli Nginx veya LiteSpeed Cache. Bunlar önbelleği sunucu düzeyinde işler, bu da yalnızca eklenti tabanlı önbellekten çok daha hızlıdır.
• SSD/NVMe depolama - Hızlı veritabanı sorguları için. Bu, binlerce ürünü olan mağazalar için çok önemlidir.
• Ayrılmış kaynaklar - En azından bir VPS veya yönetilen WordPress barındırma. Paylaşımlı barındırma bir blog için iyidir, sipariş işleyen bir mağaza için değil.

Paylaşımlı barındırmadan kaliteli yönetilen barındırmaya geçmek, başka değişiklik yapılmadan yükleme sürelerini genellikle %50-70 oranında azaltır. Bu, yapabileceğiniz en etkili tek değişikliktir. WooCommerce ile Shopify karşılaştırmamızda açıkladığımız gibi, WooCommerce size barındırma yığınınız üzerinde çok daha fazla kontrol sağlar.

WooCommerce, PHP ve veritabanı sorgularını kullanarak sayfaları dinamik olarak oluşturur. Önbellek olmadan her sayfa ziyareti bu sorguları sıfırdan tetikler. Önbellek sonucu depolar, böylece sonraki ziyaretler anında sunulur.

İhtiyacınız olan üç önbellek katmanı:

1. Sayfa önbelleki: Tam HTML sayfalarını depolar. Bir ziyaretçi sayfa talep ettiğinde, PHP'nin oluşturmasını beklemek yerine önbelleğe alınmış sürümü alır. Bu tek başına sitenizi geri dönen ziyaretçiler için 5-10 kat daha hızlı yapabilir.
2. Nesne önbelleki (Redis veya Memcached): Veritabanı sorgu sonuçlarını bellekte depolar. Aynı ürün verileri için defalarca veritabanını sorgulamak yerine RAM'den alınır. Çok sayıda ürünü olan mağazalarda büyük fark yaratır.
3. Tarayıcı önbelleki: Ziyaretçilerin tarayıcılarına statik dosyaları (görüntüler, CSS, JS) yerel olarak kaydetmelerini söyler. İkinci ve üçüncü sayfa yüklemeleri neredeyse anında gerçekleşir.

Önemli WooCommerce önbellek kuralları:

• Sepet, ödeme veya hesabım sayfalarını asla önbelleğe almayın (dinamik ve kullanıcıya özgüdür)
• Kişiselleştirilmiş içerik görüyorlarsa oturum açmış kullanıcıları sayfa önbelleğinden hariç tutun
• Ürün güncellemelerinden veya fiyat değişikliklerinden sonra önbelleği temizleyin

WooCommerce mağazaları zamanla veritabanı şişkinliği biriktirir. Yazı düzeltmeleri, süresi dolmuş geçiciler, eski sipariş günlükleri, spam yorumlar ve yetim meta veriler tüm sorguları yavaşlatır.

Hızlı veritabanı iyileştirmeleri:

• Yazı düzeltmelerini sınırlayın: wp-config.php'ye define('WP_POST_REVISIONS', 5); ekleyin. Bu, WordPress'in her ürün ve sayfa için sınırsız taslak depolamasını engeller.
• Süresi dolmuş geçicileri temizleyin: WooCommerce bazen kendiliğinden temizlenmeyen geçici önbellek verileri oluşturur. Bunları aylık silmek için WP-Optimize veya benzeri bir araç kullanın.
• Veritabanı tablolarını optimize edin: Tablolar zamanla parçalanır. Optimizasyonu aylık çalıştırın.
• Eski günlükleri silin: WooCommerce API günlüklerini, hata günlüklerini ve webhook günlüklerini depolar. 30 günden eski her şeyi silin.

5.000'den fazla ürünü olan mağazalar için veritabanı optimizasyonu sorgu sürelerini %30-50 azaltabilir. Çekici değil ama işe yarıyor.

Görüntüler genellikle herhangi bir e-ticaret sayfasındaki en ağır öğelerdir. Optimize edilmemiş tek bir ürün fotoğrafı 2-5 MB olabilir. Bir kategori sayfasındaki 20 ürünle çarpıldığında 40-100 MB görüntü yüklüyorsunuz demektir.

Nasıl düzeltilir:

• Yeni nesil formatlar kullanın: WebP ve AVIF, aynı kalitede JPEG'den %25-50 daha küçüktür. Çoğu modern ana bilgisayar ve CDN dönüştürmeyi otomatik olarak yapar.
• Geç yükleme: Görüntüleri yalnızca görünür alana kaydırıldıklarında yükleyin. Kıvrımın altındaki ürünler ilk sayfa yüklemesini yavaşlatmamalıdır.
• Doğru boyutlandırma: 4000x3000 piksellik bir görüntü yükleyip CSS'nin onu 400x300 piksele küçültmesine izin vermeyin. Uygun boyutlarda küçük resimler oluşturun.
• Sıkıştırma: ShortPixel veya Imagify gibi araçlar, görünür kalite kaybı olmadan görüntüleri %40-70 sıkıştırır.

Yakın zamanda optimize ettiğimiz bir mağaza, yalnızca görüntü optimizasyonuyla toplam sayfa ağırlığını 8,2 MB'tan 1,1 MB'a düşürdü. Yükleme süresi 6,8 saniyeden 1,9 saniyeye indi.

WooCommerce mağazaları eklentileri sever. Ve her eklenti her sayfa yüklemesinde çalışan kod ekler.

60'tan fazla aktif eklentili mağazaları denetledik. Bu eklentilerin bazıları her biri 5-10 ek CSS ve JavaScript dosyası yüklüyordu. Sayfa render etmeye başlamadan önce yüzlerce ek HTTP isteği oluşuyor.

Eklenti sağlığı kuralları:

• Üç aylık denetim: Eklentileri tek tek devre dışı bırakın ve sayfa hızını test edin. Siteyi neredeyse hiç etkilemeyenleri ve tek başına 1-2 saniye ekleyenleri bulacaksınız.
• Ağır eklentileri hafif olanlarla değiştirin: Bazı sosyal paylaşım eklentileri 500 KB JavaScript yükler. Özel eklenti kodunun birkaç satırı aynı şeyi çok daha az yükle yapabilir.
• Hepsi bir arada eklentilerden kaçının: SEO, önbellek, güvenlik ve optimizasyon yapan bir eklenti genellikle hepsini kötü yapar. Uzmanlaşmış araçlar kullanın.
• Eklentileri güncel tutun: Geliştiriciler düzenli olarak performans iyileştirmeleri yayınlar. Eski sürümleri kullanmak bu kazanımları kaçırmak anlamına gelir.

Hedef: çoğu mağaza için 25'ten az aktif eklenti. Gerçek WordPress performans optimizasyonu çoğunlukla şişirilmiş üç eklentiyi tek bir hafif, amaca yönelik çözümle değiştirmek anlamına gelir.

Ölçmeden optimize etmek tahmin yapmaktır. Takip edilmesi gerekenler:

• Google PageSpeed Insights: Ücretsiz, ve size bir puan ile spesifik öneriler sunar. Mobilde 90+ hedefleyin.
• WooCommerce için Core Web Vitals hedefleri: LCP (Largest Contentful Paint) 2,5 saniyenin altında, INP (Interaction to Next Paint) 200 ms'nin altında, CLS (Cumulative Layout Shift) 0,1'in altında.
• TTFB (Time to First Byte): Sunucu yanıt süresini ölçer. 200 ms'nin altı iyidir. 600 ms'nin üzeri barındırma veya arka uç sorunlarına işaret eder.
• Gerçek kullanıcı izleme: PageSpeed testleri bir Google sunucusundan çalıştırılır. Gerçek müşterileriniz farklı sonuçlar alabilir. Google Analytics veya Cloudflare gibi araçlar gerçek kullanıcı verisi sağlar.

Uluslararası müşterileriniz varsa birden fazla konumdan test edin. Sunucunuz Avrupa'daysa ve CDN kullanmıyorsanız, İstanbul'da hızlı yüklenen bir mağaza Toronto'da yavaş olabilir.

Optimize ettiğimiz mağazalar tipik olarak 3-8 saniyeden 2 saniyenin altına iner. Bu, ölçülebilir biçimde daha yüksek dönüşüm oranlarına, daha iyi SEO sıralamalarına ve kullanımı daha iyi hissettiren bir mağazaya dönüşür. WooCommerce sayfa hızı lüks bir özellik değildir. Gelir sürücüsüdür. Skorlarınızı iyileştirmek için uzman yardımı istiyorsanız, WooCommerce performans optimizasyon hizmetimiz sunucu ayarından ön uç teslimine kadar her şeyi kapsar.