WooCommerce e-ticaret web sitesi performans optimizasyonu rehberi: Hız artışından dönüşüm oranı artışına kadar her şey.

Rekabetin kızıştığı e-ticaret alanında, web sitesi hızı sadece kullanıcı deneyiminin temelini oluşturmakla kalmaz, aynı zamanda dönüşüm oranlarını ve geliri doğrudan etkileyen kritik bir göstergedir. Yavaş yüklenen bir WooCommerce web sitesi, sepet terk etme oranlarını önemli ölçüde artırır. Bu makalede, sunucudan kod seviyesine kadar bir dizi optimizasyon stratejisini derinlemesine inceleyeceğiz ve amacımız, WooCommerce web sitenizin performansını kapsamlı bir şekilde iyileştirmek ve hız avantajını iş büyümesine dönüştürmektir.

Sunucu ve barındırma ortamının optimizasyonu.

Yüksek performanslı bir WooCommerce web sitesi, sağlam bir sunucu altyapısıyla başlar. Doğru barındırma çözümünü ve yapılandırmayı seçmek, sonraki tüm optimizasyon adımlarının ön koşuludur.

Profesyonel bir barındırma çözümü seçin.

Paylaşımlı sunucular maliyet açısından uygun olsa da, CPU, bellek gibi kaynaklar birden fazla site tarafından paylaşıldığı için trafik yoğunluklarında veya promosyon dönemlerinde sitelerin yavaşlaması veya hatta çökmesi çok olasıdır. E-ticaret siteleri için WooCommerce ile optimize edilmiş barındırma hizmetleri, VPS (Sanal Özel Sunucular) veya AWS, Google Cloud gibi bulut barındırma çözümlerinin kullanılması şiddetle tavsiye edilir. Bu çözümler, özel veya ölçeklenebilir kaynaklar, daha hızlı depolama (örneğin NVMe SSD’ler) ve yerleşik önbellekleme mekanizmaları ile CDN (İçerik Dağıtım Ağı) entegrasyonları sunarak sitelerin yanıt hızını temelden garanti eder.

Tavsiye edilen okuma WordPress Optimizasyonu için Nihai Kılavuz: Hızdan Güvenliğe Kadar Kapsamlı Performans Artırma Stratejileri。

Verimli bir web sunucusu yapılandırmak

Nginx, genellikle geleneksel Apache’ye kıyasla statik dosyaları işleme ve yüksek eşzamanlı istekleri yönetme konusunda daha iyi performans gösterir ve daha az bellek tüketir. Apache kullanan siteler için, bu özelliğin etkinleştirildiğinden ve doğru şekilde yapılandırıldığından emin olun. mod_deflate(Gzip sıkıştırması için kullanılır) ve mod_expires(Browser cache headers için kullanılan modüller.) Ayrıca, en yeni PHP sürümlerini (örneğin PHP 8.x) kullanmak önemli ölçüde performans artışı sağlayabilir; çünkü her büyük sürüm güncellemesi performans iyileştirmeleri ve daha düşük bellek kullanımı içerir. Sunucuda OpCache’yi mutlaka etkinleştirmelisiniz; OpCache, derlenmiş PHP betiklerinin bytecode’ını bellekte saklar ve böylece her istekte yeniden derlenmesini önler, bu da PHP’nin çalışma verimliliğini büyük ölçüde artırır.

UltaHost WordPress Sunucusu

30 gün iade garantisi, sınırsız bant genişliği ve veritabanı kullanımı, ücretsiz DDoS koruması; 3 yıllık abonelikte indirim (50%).

Sayfaya erişin.

Hedef önbelleğini uygula.

Ürün sayısı çok fazla ve kullanıcıların sık sık etkileşime girdiği WooCommerce sitelerinde, veritabanı sorguları performans açısından önemli bir engeldir. Nesne önbelleği (object caching), karmaşık sorgu sonuçlarını bellekte saklayarak, aynı isteklerin daha sonra doğrudan bellekten okunmasını sağlar ve böylece veritabanı üzerindeki yükü önemli ölçüde azaltır. En etkili çözümler Redis veya Memcached kullanmaktır.

Örneğin, Redis sunucusunu ve ilgili PHP eklentilerini (örneğin…) yükleyerek… php-redis) ve ayrıca… wp-config.php Dosyaya aşağıdaki yapılandırmayı ekleyerek WordPress için Redis nesne önbelleğini etkinleştirebilirsiniz:

// 在 wp-config.php 中添加
define('WP_CACHE', true);
define('WP_REDIS_HOST', '127.0.0.1');
define('WP_REDIS_PORT', 6379);
define('WP_REDIS_TIMEOUT', 1);
define('WP_REDIS_READ_TIMEOUT', 1);
// 可选：指定数据库索引，避免冲突
define('WP_REDIS_DATABASE', 0);

Daha sonra, bağlantıyı etkinleştirmek için “Redis Object Cache” gibi bir eklenti yüklemeniz gerekecektir.

Konu, eklentiler ve kod optimizasyonu

Verimsiz kod, web sitelerinin yavaşlamasının gizli nedenidir. Temaları, eklentileri ve özel yazılımları incelemek ve optimize etmek son derece önemlidir.

Tavsiye edilen okuma Bağımsız Sunucuların Derinlemesine Analizi: Avantajlar, Seçim Rehberi ve Dağıtım Uygulamaları。

Eklentileri ve temaları inceleyin ve gereksiz olanları kaldırın.

Her etkinleştirilen eklenti, PHP işlemlerinin, veritabanı sorgularının ve ön uç kaynaklarının yükünü artırır. Eklenti listesini düzenli olarak inceleyin, artık kullanılmayan eklentileri devre dışı bırakın ve silin. Tema seçerken, kodunun sade olması, e-ticaret özelliklerine odaklanması ve geliştiriciler tarafından aktif olarak bakımının yapıldığı WooCommerce özel temalarını tercih edin; işlevleri karmaşık ve çok sayıda gereksiz betik ile stil içeren “çok amaçlı” temalardan kaçının. Query Monitor gibi geliştirme eklentilerini kullanarak, her sayfanın yüklenmesinde kullanılan tüm eklentileri, veritabanı sorgularını ve bunların ne kadar zaman aldığını tespit edebilir, böylece performans sorunlarını doğru bir şekilde belirleyebilirsiniz.

WooCommerce’te belirli sorguları optimize etmek

WooCommerce, özellikle mağaza ana sayfasında, ürün kategorileri sayfalarında ve arama sonuçları sayfalarında performans açısından yüksek gereksinimler doğuran sorgular oluşturur. Aşağıdaki önlemlerle bu baskıyı hafifletebilirsiniz:
1. Mağaza sayfasında görüntülenen ürün sayısını sınırlamak için: WooCommerce → Ayarlar → Ürünler → Genel bölümüne gidin ve “Her satırda ürün sayısı” ve “Sayfa başına satır sayısı” ayarlarını değiştirin.
2. “Daha Fazla Yükle” yerine sayfa sayacını etkinleştirin: “Sonsuz kaydırma” deneyimi iyi olsa da, DOM elemanlarının ve bellek kullanımının sürekli artmasına neden olur; sayfa sayacı daha hafif bir çözümdür.
3. Ürün özellikleri filtreleme eklentilerini dikkatli kullanın: Bazı gerçek zamanlı AJAX filtreleme eklentileri çok sayıda sorgu başlatabilir; bu nedenle eklentinin uygun şekilde önbellek ayarlarına sahip olduğundan emin olun.

Önemli olmayan kaynakların gecikmeli olarak yüklenmesi

“Açılan web sayfasının ilk görüntüsü” (yani ilk bakışta karşılaşılan içerik)nin yükleme hızı son derece önemlidir. İlk ekranın altındaki resimler, videolar, yorum kutuları, sosyal medya paylaşım butonları gibi üçüncü taraf içerikler için gecikmeli yükleme teknolojileri kullanılmalıdır. WordPress 5.5 ve sonraki sürümleri, temel resimler için yerleşik gecikmeli yükleme desteği sunmaktadır. Daha ayrıntılı kontrol için Lazy Load gibi eklentiler kullanılabilir. Eklentiler tarafından eklenen betikler, ilk ekranın renderlanmasını etkilemiyorsa, Async JavaScript gibi eklentilerle asenkron olarak veya gecikmeli olarak yüklenmeleri sağlanabilir.

hosting.com Paylaşımlı Barındırma

AMD EPYC CPU'lar, NVMe SSD depolama ve LiteSpeed ile yüksek performans, 7/24, 7x7 uzman şirket içi destek, SSL, kaba kuvvet, kötü amaçlı yazılım ve DDoS koruması dahil gelişmiş güvenlik önlemleri, 73%'ye kadar tasarruf

Sayfaya erişin.

Statik Kaynaklar ve Ön Uç Performans Optimizasyonu

Resimlerin, CSS dosyalarının, JavaScript kodlarının ve diğer statik kaynakların sunum şeklini optimize etmek, kullanıcıların görsel yükleme deneyimini doğrudan iyileştirebilir.

Resim Optimizasyonu ve WebP Formatı

Resimler genellikle bir sayfadaki en büyük dosya boyutlarına sahip bölümlerdir. Optimizasyon adımları arasında şunlar bulunur:
1. Sıkıştırma: Resimleri, görüntü kalitesini koruyarak Smush, ShortPixel gibi eklentiler veya TinyPNG gibi çevrimdışı araçlar kullanarak sıkıştırın.
2. Boyut Uyumu: Yüklediğiniz resmin boyutunun, görüntüleneceği boyuttan büyük olmamasına dikkat edin. WordPress, çeşitli küçük resim (resim özetleri) boyutları oluşturur ve temanız uygun boyutları seçer.
3. Modern Format: PNG/JPEG dosyalarını WebP formatına dönüştürmek, genellikle dosya boyutlarını ila oranında azaltır. Bu işlem, WebP Express gibi eklentiler veya CDN (Content Delivery Network) hizmetleri aracılığıyla otomatik olarak gerçekleştirilebilir ve dosyalar hemen kullanıma sunulabilir.
4. Gecikmeli Yükleme: Daha önce de belirtildiği gibi, ana sayfanın dışındaki resimler için gecikmeli yükleme (lazy loading) uygulanmalıdır.

Statik dosyaları birleştirme, küçültme ve önbelleğe alma

Tarayıcının gönderdiği HTTP isteklerinin sayısını azaltmak, sayfa yükleme hızını artırabilir.
- 合并：将多个 CSS 或 JavaScript 文件合并为少数几个文件。
- 最小化：移除 CSS/JS 文件中的空白字符、注释和不必要的代码。
- 缓存：通过服务器的缓存头设置，让浏览器将 CSS、JS、图片等静态资源缓存较长时间（如一年）。资源更新时通过更改文件名（版本控制）来强制浏览器重新获取。

Tavsiye edilen okuma Bulut Sunucu Seçim Kılavuzu: Kavramsal Açıklamalardan Önde Gelen Üreticilerin Hizmet Karşılaştırmalarına。

Bu işlemler, Autoptimize veya WP Rocket gibi performans eklentileri aracılığıyla kolayca gerçekleştirilebilir. Bu eklentilerin ayarlarında genellikle “CSS kodunu optimize et”, “JavaScript kodunu optimize et”, “JS/CSS dosyalarını birleştir” gibi seçenekler bulunur.

Renderlamayı engelleyen kaynakları kaldırın.

Tarayıcılar, CSS’yi işlerken ve JavaScript’i senkronize ederken sayfanın renderlanmasını engeller. CSS ile ilgili olarak, ana ekranın önemli olmayan stillerini “önemli değil” olarak işaretleyip bunları asenkron olarak yükleyebilirsiniz. JavaScript için ise, önemli olmayan betikleri asenkron olarak yükleyebilirsiniz.asyncveya gecikmedeferYükleme işlemi gerçekleşiyor. Performans eklentileri genellikle bu özelliği sunar. Ayrıca, ön sayfa içeriğinin renderlanması için gerekli olan en az stil kümesini oluşturan kritik CSS dosyalarını HTML içine doğrudan eklemeyi de düşünebilirsiniz. <head> Bazı kısımlar, böylece dış CSS dosyalarının yüklenmesini beklerken oluşabilecek renderlama gecikmelerinden kaçınılır.

InterServer Paylaşımlı Barındırma

Paylaşımlı hosting aylık $2.50 USD, ilk ay $0.1 USD promosyon kodu tryinterserver, 461 bulut uygulaması komut dosyası, tek tıklamayla yükleme.

Sayfaya erişin.

İleri düzeyde önbellek ve içerik dağıtımı stratejisi.

Önbellekleme, dinamik web sitelerinin hızını artırmanın en etkili yollarından biridir; CDN (Content Delivery Network) ise içeriği dünya genelindeki kullanıcılara hızlı bir şekilde ulaştırır.

Sayfa önbelleğini etkinleştirme

Sayfa önbelleği, dinamik olarak oluşturulan tüm HTML sayfalarını statik dosyalar olarak kaydeder; sonraki ziyaretçiler bu statik dosyaları doğrudan alır ve PHP ile veritabanı işlemlerinden tamamen geçerler, bu da çok hızlı bir erişim sağlar. WooCommerce için ise alışveriş sepeti, ödeme, Hesabım gibi sayfalar kullanıcıya özgü olduğundan tamamen statik hale getirilemezler. Bu nedenle, akıllı önbellekleme kuralları ayarlanması gerekmektedir.
- 缓存可缓存页面：商店首页、产品页面、分类页面、博客文章等应对所有用户显示相同内容的页面，应被完全缓存。
- 排除私人页面：必须将包含 cart、checkout、my-account、wc-api Bu sayfa ve ayrıca oturum açmış kullanıcıların oturum bilgileri (Cookie’ler aracılığıyla belirlenir), önbellekten kaldırılır.

WP Rocket, W3 Total Cache ve LiteSpeed Cache gibi araçlar, bu kuralları yapılandırmak için kullanıcı dostu arayüzler sunar. Örneğin, WP Rocket’ın “Önbellek” (Cache) bölümünde, hangi sayfaların önbelleğe alınacağını ve hangi sayfaların hariç tutulacağını kolayca ayarlayabilirsiniz.

CDN’yi kullanarak küresel erişimi hızlandırın.

CDN, web sitenizin statik kaynaklarının (hatta tüm önbellek sayfalarının) kopyalarını dünya genelindeki kenar düğümlerde (edge nodes) saklayarak çalışır. Kullanıcılar sitenize eriştiğinde, veriler coğrafi olarak en yakındaki düğümden alınır; bu da gecikmeyi önemli ölçüde azaltır. Özellikle çok sayıda resim, stil ve betik içeren e-ticaret siteleri için CDN’nin etkisi hemen fark edilir. Cloudflare, StackPath, KeyCDN gibi popüler hizmetler entegrasyonu kolay çözümler sunar. Cloudflare ayrıca ek güvenlik özellikleri ve akıllı sıkıştırma işlemleri de sağlar.

WooCommerce dinamik içeriğe nasıl yanıt verilir?

Sayfa önbelleği kullanılsa bile, ürün stokları, fiyatlar, promosyon banner’ları vb. gerçek zamanlı olarak güncellenmesi gerekebilir. Bu amaçla “önbelleği temizleme” veya “belirli önbellek bölümlerini önbelleğe almayın” gibi stratejiler kullanılabilir. Örneğin, ürün stoklarında bir değişiklik olduğunda, ilgili ürün sayfasının önbelleği otomatik olarak temizlenebilir. Alışveriş sepeti toplamı gibi dinamik öğeler için AJAX teknolojisi kullanılarak bu veriler sunucudan ayrı ayrı alınıp güncellenebilir; bu da tüm önbelleklenmiş sayfanın içeriğini etkilemez. Bazı gelişmiş önbellek eklentileri, bu tür “gecikmeli yükleme” özelliklerini destekler.

Özetle.

WooCommerce web sitelerinin performansını optimize etmek, sunucular, uygulamalar, veritabanları ve ön uç kaynaklarını kapsayan bir sistem mühendisliği sürecidir. Yüksek performanslı barındırma hizmetlerinin seçilmesi ve nesne önbelleğinin yapılandırılmasıyla başlayan bu süreç; gereksiz eklentilerin kaldırılması, kodların optimize edilerek performans engellerinin giderilmesi, resimlerin sıkıştırılması, gelişmiş önbellekleme sistemlerinin kullanılması ve CDN (Content Delivery Network) teknolojileriyle dağıtım sürecinin hızlandırılması gibi adımları içerir. GTmetrix, PageSpeed Insights veya WebPageTest gibi araçlar kullanılarak düzenli olarak performans testleri yapmak ve performans göstergelerini (örneğin sayfanın yüklenme süresi, ilk kullanıcı etkileşimi süresi) işletme hedefleriyle (örneğin dönüşüm oranları, müşteri başına gelir) ilişkilendirerek analiz etmek, yapılan iyileştirmelerin etkisini sürekli olarak doğrulamak için önemlidir. Bu sayede çevrimiçi mağazanız her zaman en iyi durumda olur ve hız artışı ile iş büyümesi arasında olumlu bir döngü sağlanır.

Sıkça Sorulan Sorular.

Önbelleği etkinleştirdikten sonra, kullanıcıların gördüğü ürün stok bilgileri güncel olmuyorsa ne yapmalı?

Bu, WooCommerce’ın önbelleğinin çözülmesi gereken temel bir sorunudur. Doğru yaklaşım, tüm sayfalarda önbelleği devre dışı bırakmak değil, önbellek kurallarını yapılandırarak dinamik içerikleri hariç tutmaktır. Ödeme, sepet ve “Hesabım” sayfalarının önbelleğe alınmamasını sağlamanız gerekir. Ürün sayfaları için, önbellek eklentilerinin “sadece belirli içerikleri önbelleğe almama” özelliğini kullanabilir veya stok bilgileri güncellendiğinde ilgili ürün sayfasının önbelleğinin otomatik olarak temizlenmesini ayarlayabilirsiniz. Daha gelişmiş bir çözüm ise sadece sayfa yapısını önbelleğe almak ve stok, fiyat gibi dinamik bilgileri AJAX aracılığıyla gerçek zamanlı olarak talep edip sayfaya eklemektir.

Hangi caching eklentisini seçmeliyim?

Seçim, sunucu ortamınıza ve teknik tercihlerinize bağlıdır. Çoğu kullanıcı için…WP Rocket En kapsamlı, kullanımı kolay ve hazır kullanıma sunulan özellikleri sunar; bunlar arasında sayfa önbellekleme, tarayıcı önbellekleme, dosya optimizasyonu, gecikmeli yükleme gibi özellikler bulunur ve ayrıca WooCommerce ile uyumluluk da mevcuttur. Eğer sunucunuz LiteSpeed kullanıyorsa… LiteSpeed Cache Eklentiler, ücretsiz ve çok yüksek performanslı bir seçenektir; sunucularla derinlemesine entegre olabilirler. Derin özelleştirmeleri ve ücretsiz çözümleri tercih eden kullanıcılar için idealdir.W3 Total Cache 或 WP Super Cache Bu da iyi bir seçenek, ancak daha fazla yapılandırma bilgisine ihtiyaç var.

Optimize edildikten sonra bile web sitesinin hız testi puanları yüksek değil; bunun olası nedenleri nelerdir?

Hız test araçlarının (örneğin PageSpeed Insights) puanları birçok faktörden etkilenir. Öncelikle, “Fırsatlar” ve “Teşhis” bölümlerinde verilen özel önerilere göz atın. Yaygın nedenler arasında sunucu yanıt süresinin (TTFB – Time To First Byte) uzun olması yer alır; bu durum sunucu ve barındırma optimizasyonlarına ihtiyaç duyulduğunu gösterir. Ayrıca, optimize edilmemiş üçüncü parti betikler (reklamlar, analiz araçları, sohbet araçları) de hızı etkileyebilir; bu betiklerin yüklenmesini geciktirmeyi deneyebilirsiniz. Ayrıca, çok büyük resimler veya kullanılmayan CSS/JS dosyaları da hızı olumsuz etkileyebilir. Ayrıca, test sırasında anonim/iz bırakmayan bir tarayıcı penceresi kullanmanızı öneririz; bu sayede oturum açık kullanıcı durumu veya tarayıcı eklentilerinin test sonuçlarını etkilemesini önleyebilirsiniz.

Ürün resimleri çok fazla ve bunları optimize etmek zaman alıcı. Bunun için etkili bir yöntem var mı?

Binlerce resmi manuel olarak optimize etmek gerçekçi değildir. Otomatik çözümler kullanılması önerilir: 1) Örneğin, şu tür araçları kullanın: ShortPixel 或 Imagify Bu tür eklentiler, medya kütüphanesindeki mevcut tüm resimleri toplu olarak optimize edebilir ve yeni yüklenen resimleri de otomatik olarak iyileştirebilir. 2) WebP dönüştürme özelliğini etkinleştirmek de mümkündür; bu eklentiler genellikle bu özelliği de sunar. 3) Gerçek zamanlı resim optimizasyonu ve dönüştürme özelliklerine sahip CDN (Content Delivery Network) hizmetlerini kullanmayı düşünebilirsiniz (örneğin Cloudflare Pro’nun Polish özelliği veya özel Çince CDN hizmetleri). Bu hizmetler, resimler istendiğinde dinamik olarak optimizasyon ve biçim dönüşümü yapabilir; böylece orijinal resim kütüphanenizi önceden işlemenize gerek kalmaz.