WooCommerce Performansının Optimizasyonu: 14 İpucu & amp;En iyi pratik

Davranışınızı kontrol edin [sic] sepetinize ekleyin ve Ajax düğmesini etkinleştirdiğinden emin olun. Bu, büyük bir parça değil, yalnızca belirli bir sunucu çağrısı yapacaksınız. Yer tutucu görüntü altında, düşük dosya boyutuna sahip küçük bir görüntü (belki webp veya svg) görüntüsünün benzersiz bir kimliğine sahip olduğunuzdan emin olun. Bu şekilde, çok fazla hedefi olmayan büyük yer tutucularla kullanıcının sunucu alanını ve yükleme süresini almayacaksınız. İncelemenin gözden geçirilmesi tercihtir, ancak en hızlı yükleme süresini arıyorsanız, devre dışı bırakın. Hizmetin performans maliyetini aşmadığı sayfanın sadece bir kısmıdır. Her site kullanıcı incelemeleri gerektirmez ve incelenmemiş birçok ürün varsa daha küçük siteler profesyonelce görünebilir. Buna ek olarak, ürün incelemeleri birçok WooCommerce mağazası için bir spam kaynağıdır. Son olarak, bir incelemeye izin verseniz bile ürün derecelendirmelerinin devre dışı bırakılması gerekebilir. Yıldız sıralaması çok iyi ve bir hedefi var, ancak UX mağazanızın genel faydasında sadece birkaç kilobayt gerekmiyor. 2. Hosting Optimize WooCommerce kullanın Web siteniz ve Woocommerce mağazanız için optimize edebileceğiniz öğeler hakkında kontrol edebileceğiniz birçok şey vardır. Ancak bazıları tamamen sizin kontrolünüz dışında. Bu, sunucu tarafının stabilitesini, hızını ve barındırma optimizasyonunu içerir. Birçok barındırma şirketi şu anda mağazanızın performansını iyileştirmenin en iyi (ve en kolay) yolu olabilecek barındırma optimize edilmiş WooCommerce sunmaktadır.
Sıvı Web, WooCommerce’ı en üst düzeye çıkarmak için özel olarak tasarlanmış olağanüstü barındırma seçenekleri sunar.Sunduğu özellikleri görmek için tam genel bakışımızı okuyabilirsiniz.Buna ek olarak, Kinsta, mağazanızı en üst düzeye çıkarmanıza yardımcı olan sağlam bir barındırma platformuna sahiptir.Eğer bir Divi kullanıcısıysanız, Site Alanı, Volan veya Preslenebilir gibi Divi tarafından optimize edilmiş barındırma ortaklarımızla yanlış olamazsınız.Gerçekten adil olmak gerekirse, herhangi bir biçimde yönetilen bir WordPress ana bilgisayar kullanıyorsanız, WooCommerce için biraz optimize edilecek ve tüm panolarda en iyi destek ve güncellemeleri sunacaklar.
Mesele şu ki, bir indirim paketine sahip ucuz bir ev sahibiyseniz, WooCommerce için size en iyi performansı vermeleri pek olası değildir. Bir tane yaparsanız, WooCommerce Optimizasyon Planınızda tek bir değişiklik, sağlam ve yönetilen bir ana bilgisayar kullanmak ne yapılması gerektiğidir. Kötü bir ev sahibi gerçekten geliştirmek için yapabileceğiniz hiçbir şey olmasa bile, kendinize ne yapabileceğinizi optimize edin, web sitenizin bu ana bilgisayarda mümkün olduğunca verimli çalışmasını sağlamak için birkaç adım atabilirsiniz. Web sitenizin ilk web sitesi, web sitenizin önbellek olduğundan emin olmanız gerekir. Orada birçok farklı WordPress önbellek eklentisi bulacaksınız, ancak testimizde WP Rocket kullandığımız diğerlerinden daha iyi performans gösterdi. Diğer insanlar kötü değil. Diğerleri arasında Litespeed önbellek, W3 Total Cache ve WP en hızlı önbellek ile şanslı olacaksınız. WPMU Dev ayrıca Hummingbird adlı fantastik bir araca sahiptir (ve üyeliği, bu makalenin bir sonraki bölümünde tartışacağımız görüntü sıkıştırma aracını da içerir).
İyi bir tema yükleyin Tüm temalar aynı şekilde yaratılmamıştır. Ve bunu sadece bir tema şirketi olarak söylemiyoruz. WordPress.org tema deposu, ücretsiz yüklemeniz için temalarla doludur, ancak hepsi size en iyi performansı vermeyecektir. Divi’nin size en iyi kullanıcı deneyimini ve performansını (WooCommerce veya diğerleri) vereceğini açıkça düşünüyoruz. Özellikle inşaatçımıza dahil olan Woocommerce modülümüzü düşündüğünüzde. Ancak, ücretsiz bir temaya ihtiyacınız varsa, Storefront Automattic tarafından özel bir WooCommerce teması olarak tasarlanmıştır. Bir geliştiriciyseniz, Woocommerce’i optimize etmek için pencereyi genişletmek için yapabileceğiniz birçok şey vardır. Ancak olmasa bile, bu diğer birçok ücretsiz tema seçeneğinden daha iyidir. Görüntünüzün görünümünü ve gönderilmesini sıkıştırın ve optimize edin Bu şarkıyı binlerce kez duydunuz. Ancak web sitelerini yükleme hızını azaltmak ve maksimum performans elde etmek istiyorsanız, görüntünüzün mümkün olduğunca çabuk yüklenecek şekilde optimize edildiğinden emin olmak istersiniz. İmapy gibi hizmetleri işlemek için kullanabilir veya başlamak için optimize edilmiş dosya biçimini yüklemek için manuel olarak zaman ayırabilirsiniz. WordPress 5.8’de, geliştirici varsayılan olarak WebP desteği içerir ve bu da çok yardımcı olabilir. Bu nedenle, WordPress’in en son sürümüne yükselttiğinizden emin olun.
WordPress, web sitesinin boyutunu otomatik olarak korumanıza yardımcı olmak için çok gelişmiş olsa da, üst düzey bir performans arıyorsanız, WooCommerce mağazanıza yüklediğiniz ürün görüntüsünün doğru çözünürlük olduğundan emin olun.Ürün sayfanız 800×800 piksel bir önizleme görüntüsü gösteriyorsa, 800×800 piksel görüntü dosyasını yükleyin.Bunu yapmak, görüntünün boyutunu hızlı bir şekilde değiştirmeyeceğinden, sitenizi yüklemek için tarayıcı zamanının miktarını azaltacaktır.Doğru sayıda görüntüyü seçin WooCommerce ürünleri için doğru ürün görüntüleri yoktur.Bazı ürünlerin her şeyi görüntülemek için yarım düzine veya daha fazla resme ihtiyacı vardır.Ancak, bazıları bir resimle dayanabilir.Görüntünün boyut olarak değiştirilmesi gerekmeden konteynere göre sağlamak için zaman ayırmak, müşterileriniz için her zaman daha iyi bir deneyim yaratacaktır.
İçerik Dağıtım Ağı’nı (CDN) kullanarak birçok web teknolojisi gibi CDN’ler kullanın. Yıllarca daha basit, daha kolay ve daha ucuz hale geldi. Şu anda, birçok ana bilgisayar ücretsiz CDN seçenekleri sunmaktadır (paketlerinde yerleşik olan ücretsiz bir Cloudflare sürümü olan Site Alanı gibi). Jetpack gibi eklentiler, resimleri göndermek için ücretsiz bir CDN seçeneğine bile sahiptir. Açıkçası sadece bundan daha fazla seçenek var ve WordPress ile kullanmak için en iyi CDN’yi belirttik. 4. Google sayfalarının sayfalar ve hız dizinleri açısından sadece siteniz için önemli değil, aynı zamanda sitenizin UX’inin nicel olarak ölçülmesinin en iyi yollarından biri olarak hayati Web Çekirdek Temel hayatlarına dikkat edin. Basitçe söylemek gerekirse, çekirdek web canlıları, sitenizin gerçek dünyadaki kullanıcı senaryolarına nasıl uygun olduğunu belirlemek için Google tarafından kullanılan bir dizi metriktir. Google, en ciddi temel web verilerinin zaman zaman değişebileceğine inanmasına rağmen, Sizi temelde yönlendirmek için bir dizi yönerge -Puanınızı en iyi şekilde artırın ve UX sürtünmesini azaltın.
İlk İçerik Kedi (FCP)

En büyük İçerik İçeriği (LCP)
İlk Giriş Gecikmesi (FID)
Kümülatif Düzen Değişimi (CLS)
İlk bayt zamanı (TTFB)
Hız endeksi
Temel web verileri genel olarak web sitenize odaklanmıştır, ancak test ettikleri her metrik doğrudan Woocommerce mağazanız için geçerlidir. Ürün sayfanızın ve mağazanızın bu testte çok iyi bir puan almasını istiyorsunuz. Başlangıçta söylediğimiz gibi, kötü UX satış kaybına neden olabilir. Ve bu metrik doğrudan sitenizin UX’ini ölçer. Site kodunuzu optimize edin Yavaş site yüklemesine neden olması gerekmeyen şişmiş kodlar. Tıpkı gerekli değilse, inceleme yaptığınız WooCommerce ayarları gibi, sitenizin çekirdek web hayati ve değişiklikleriyle iyi çalışması için JavaScript, HTML ve CSS kodlarını küçülteceğinizden, geciktirdiğiniz ve optimize ettiğinizden emin olun. kullanıcılar müşterilere. Birçok önbellek eklentisinin kodunuzu küçültme seçeneği vardır ve bunu kullanmanızı şiddetle tavsiye ederiz. Geri dönme, gereksiz karakterleri ortadan kaldırma sürecidir, bu da genellikle insanlar tarafından okunabilen alan anlamına gelir. Divi bunu şimdi otomatik olarak yapıyor, bu yüzden zarif bir tema üyesiyseniz, katılmanız bile gerekmez. Diğer bazı temalar ayrıca kodu azaltmak ve oluşturma engelleme komut dosyasını geciktirmek için seçenekler sunar, ancak genellikle etkinleştirmesini gerektirir. Özelliğin desteklenmediğini görmek için tema seçeneklerinizi kontrol edin. 5. Woocommerce’i düzenli olarak güncelleyin Bu beyin değildir. WooCommerce’ı siteniz için güvenli bir şekilde güncellemeniz gerekir. Elbette, siz ve müşterileriniz için en sorunsuz deneyimi sağlamak için WooCommerce dosyanızı güncellemeden önce en iyi uygulamalardan bazılarını takip edin.
Wooocommerce’in büyümesi olarak, güncellemeler ağrı noktalarını iyileştirir, kullanıcı arayüzünü artırır ve hataları kaldırır. Genellikle güncellemeler, temel WordPress güncellemelerini kullanmanın yanı sıra diğer temalar ve eklentilerle uyumluluk sorunları içerir. Daha uzun bir WooCommerce sürümü çalıştırırsanız, satışları kaybetmeniz neredeyse garanti edilir. 6. Mağazanızın müşteri seyahat denetimini hiç yapmadıysanız, müşterinizin yolculuğunu izleyin, şimdi bunu yapma zamanı. Kullanıcınızın sitenizi tam olarak nasıl gördüğünü ve ürününüzü keşfetmenin, en büyük etki için optimizasyonun nerede uygulanacağına dair büyük bilgiler verebilir. Tam denetimin dışında, dönüşümü artırmak için kullanıcı hesap sayfanızda ve ödeme akışınızda birkaç şey yapabilirsiniz. Ödeme işleminizi basitleştirin WooCommerce optimizasyonunun nihai hedefi dönüşümü artırmaktır. Yani, ziyaretçileri müşterilere dönüştürmek. Bunu yapmanın en kolay yolu, son satışlar arasındaki UX sürtünmesini ortadan kaldırmaktır. Ne kadar az adım atmaları gerekirse, ne kadar az tıklama ve sığdırmak zorundalar ve yapmaları gereken seçim ne kadar basit (potansiyel olarak daha az), dönüşüm olasılıkları o kadar artar. Bunu yapmanın bir yolu, ödeme işlemini bir sayfada tasarlamak için Woo Divi modülü veya WooCommerce Block gibi yazılımları kullanmaktır.
[WooCommerce_Cart] ve [Wooocommerce_Checkout] gibi WooCommerce kısa kodlarını koşullu mantık kullanarak ürün sayfalarındaki bloklar ve modüllerle birleştirerek, bir sayfada keşiften nakliye kadar tüm işlemi alabilirsiniz. Mobil cihazlardaki kullanıcılarla (ve çoğu E-Niaga satışının mobil cihazlardan gelmesi) ile uğraşırken, daha basit hale getirmek daha fazla dönüşüm anlamına gelir. Upsell Upsell UpSelling, birisi kontrole yaklaştığında eklentiler ve ek ürünler sunma uygulamasıdır. Tuğla ve harç dükkanlarında, bu genellikle kasiyerin yanında şeker veya oyuncaklar veya diğer küçük eşyalar gibi dürtüsel bir satın alma. WooCommerce mağazasında bu her şey olabilir. Müşterilerden yalnızca küçük optimizasyon ayarları olan, ancak dönüşüm seviyesi üzerinde büyük bir etkisi olabilecek daha fazla öğe eklemelerini istemek için ödeme ekranınızda bir blok ekleyebilirsiniz. Örneğin Divi kullanıcıları, bu özellik Woo Upsell Modülümüzle Builder’da mevcuttur. Upselt modülleri, Upsell’in nasıl ve ne zaman göründüğünü mükemmel bir şekilde görüntülemek için Divi Durum seçeneğini kullanarak daha optimize edilebilir.