WooCommerce Performans Optimizasyonu: Core Web Vitals'ı İyileştiren 12 Teknik

WooCommerce, WordPress üzerinde çalışan en popüler e-ticaret platformudur; ancak eklenti yığını, optimize edilmemiş görseller ve veritabanı şişkinliği nedeniyle sayfa yükleme süreleri kolayca 4-6 saniyeyi aşabilir. Google'ın Core Web Vitals metrikleri doğrudan sıralama faktörü olduğundan, yavaş bir mağaza hem kullanıcı kaybı hem de organik trafik düşüşü anlamına gelir. Bu rehberde WooCommerce mağazanızı 12 somut teknikle hızlandırıyoruz.

Core Web Vitals ve WooCommerce

Google'ın Core Web Vitals metrikleri üç temel ölçümden oluşur: LCP (Largest Contentful Paint), INP (Interaction to Next Paint) ve CLS (Cumulative Layout Shift). WooCommerce mağazalarında en sık karşılaşılan sorunlar büyük ürün görselleri nedeniyle yüksek LCP, JavaScript ağırlığı nedeniyle kötü INP ve geç yüklenen reklamlar veya görseller nedeniyle CLS kaymasıdır.

1-3: Veritabanı Optimizasyonu

WooCommerce, her sipariş, ürün varyasyonu ve meta verisi için WordPress'in wp_postmeta tablosuna satır ekler. Binlerce ürün ve sipariş sonrasında bu tablo milyonlarca satıra ulaşabilir. WooCommerce 8.2+ sürümünde tanıtılan HPOS (High-Performance Order Storage) bu sorunu çözer.

Teknik 1: HPOS'u Etkinleştirin

HPOS, siparişleri wp_postmeta yerine özel tablolarda saklar. Bu, sipariş sorgularını 5-10 kat hızlandırır. WooCommerce > Settings > Advanced > Features yolundan etkinleştirin.

Teknik 2: Veritabanı Temizliği

WordPress zamanla gereksiz veri biriktirir: yazı revizyonları, geçici veriler (transients), spam yorumlar ve çöp kutusundaki öğeler. Bu verileri düzenli temizlemek sorgu performansını artırır:

// Revizyon sayisini sinirla
define('WP_POST_REVISIONS', 3);

// Cop kutusunu 7 gunde otomatik bosalt
define('EMPTY_TRASH_DAYS', 7);

Teknik 3: MySQL Sorgu Optimizasyonu

WooCommerce'in yoğun kullandığı tablolara index eklemek sorgu sürelerini dramatik şekilde azaltır:

-- Autoload optimizasyonu
SELECT SUM(LENGTH(option_value)) AS autoload_size
FROM wp_options WHERE autoload = 'yes';
-- 1 MB'yi asarsa gereksiz autoload'lari kapat

-- Suresi dolmus transient'leri temizle
DELETE FROM wp_options
WHERE option_name LIKE '_transient_timeout_%'
AND option_value < UNIX_TIMESTAMP();

4-6: Cache Stratejileri

Teknik 4: Object Cache (Redis)

WordPress her sayfa yüklemesinde onlarca veritabanı sorgusu çalıştırır. Redis object cache, bu sorgu sonuçlarını bellekte tutarak tekrarlayan isteklerde veritabanına gitmeden yanıt verir. WooCommerce ürün sayfalarında sorgu sayısı 200'den 30'a düşebilir.

Teknik 5: Page Cache

Full-page cache, oluşturulmuş HTML sayfalarını saklar ve tekrarlayan ziyaretçilere PHP çalıştırmadan sunar. WooCommerce'de dikkat edilmesi gereken nokta: sepet, hesabım ve ödeme sayfaları cache'lenmemelidir. WP Super Cache, W3 Total Cache veya LiteSpeed Cache eklentileri bu ayrımı otomatik yapar.

Teknik 6: Fragment Cache

WooCommerce'de mini sepet widget'ı, fiyat filtreleri ve stok durumu gibi dinamik bileşenler vardır. Fragment cache, sayfanın statik kısımlarını cache'leyip yalnızca dinamik bileşenleri her istekte yeniden oluşturur. Bu yaklaşım, tam sayfa cache'in mümkün olmadığı sayfalarda bile performans kazandırır.

7-9: Görsel Optimizasyonu

Teknik 7: WebP/AVIF Dönüşümü

Ürün görselleri WooCommerce mağazalarında en büyük bant genişliği tüketicisidir. JPEG/PNG yerine WebP formatı kullanmak dosya boyutunu %25-35 azaltır; AVIF ile bu oran %50'ye çıkabilir. ShortPixel veya Imagify eklentileri mevcut görselleri otomatik dönüştürür.

Teknik 8: Lazy Loading ve Boyut Tanımlama

Ekranın altında kalan görselleri lazy loading ile yükleyin. WordPress 5.5+ sürümünden itibaren loading="lazy" otomatik eklenir. Ancak LCP öğesi olan ana ürün görseli için lazy loading'i devre dışı bırakın - bu görselin hemen yüklenmesi gerekir. Tüm <img> etiketlerinde width ve height tanımlayarak CLS kaymasını önleyin.

Teknik 9: Responsive Görseller

WooCommerce varsayılan olarak birden fazla görsel boyutu oluşturur (thumbnail, medium, large). srcset özelliği ile tarayıcı, ekran boyutuna uygun görseli otomatik seçer. Gereksiz boyutları kaldırarak disk alanı ve yükleme süresi kazanın:

// Gereksiz gorsel boyutlarini kaldir
function remove_extra_image_sizes() {
    remove_image_size('1536x1536');
    remove_image_size('2048x2048');
}
add_action('init', 'remove_extra_image_sizes');

10-12: Frontend ve Altyapı Optimizasyonu

Teknik 10: Gereksiz Eklenti ve Script Temizliği

Her WordPress eklentisi kendi CSS ve JavaScript dosyalarını yükler. 30 eklentili bir WooCommerce mağazasında 40+ HTTP isteği sadece eklenti asset'lerinden gelebilir. Kullanmadığınız eklentileri kaldırın ve kalan eklentilerin script'lerini yalnızca gerekli sayfalarda yükleyin:

// WooCommerce script'lerini yalnizca magaza sayfalarinda yukle
function conditionally_load_wc_scripts() {
    if (!is_woocommerce() && !is_cart() && !is_checkout()) {
        wp_dequeue_style('woocommerce-general');
        wp_dequeue_style('woocommerce-layout');
        wp_dequeue_script('wc-cart-fragments');
    }
}
add_action('wp_enqueue_scripts', 'conditionally_load_wc_scripts', 99);

Teknik 11: CDN Entegrasyonu

CDN (Content Delivery Network), statik dosyalarınızı (görseller, CSS, JS) dünya genelindeki sunuculara dağıtır. Ziyaretçi en yakın sunucudan içerik alır, bu da latency'yi %40-60 azaltır. Cloudflare, BunnyCDN veya KeyCDN gibi servisler WordPress ile kolayca entegre olur. Hosted Cloud bulut sunucuları ile CDN kombinasyonu en iyi sonucu verir.

Teknik 12: PHP ve Sunucu Yapılandırması

PHP 8.3, PHP 7.4'e göre %20-40 daha hızlıdır. OPcache etkinleştirmek PHP dosyalarının her istekte yeniden derlenmesini önler. Sunucu tarafında Nginx + PHP-FPM kombinasyonu Apache'ye göre daha az bellek tüketir ve daha fazla eşzamanlı istek karşılar.

; OPcache ayarlari
opcache.enable=1
opcache.memory_consumption=256
opcache.max_accelerated_files=20000
opcache.revalidate_freq=60
opcache.validate_timestamps=0  ; Production icin

; PHP bellek limiti
memory_limit=512M
max_execution_time=120

WooCommerce mağazanız için uygun sunucu boyutlandırması hakkında E-Ticaret Hosting rehberimizi inceleyebilirsiniz. PHP performans optimizasyonu için PHP 8 Performans rehberimiz de faydalı olacaktır.

Sıkça Sorulan Sorular

Sonuç

WooCommerce performans optimizasyonu veritabanı, cache, görsel ve frontend olmak üzere dört katmanda ele alınmalıdır. HPOS geçişi, Redis object cache, WebP görseller ve gereksiz script temizliği ile sayfa yükleme sürelerini 1-2 saniyeye düşürmek ve Core Web Vitals'da yeşil skorlar elde etmek mümkündür. Her değişikliği staging ortamında test edin ve PageSpeed Insights ile ölçün.