Wooocommerce Shop’u hızlandırmak için ürün görüntüleri nasıl optimize edilir
WooCommerce mağaza sahipleri veya diğer çevrimiçi mağaza sahipleri her zaman müşterilerden “Ödemeye Devam” dan en mutlu anı ister. Sonuç olarak, pozitif kullanıcı deneyimini geliştirmeniz, kaldıklarından, satın almalarından ve mağazanıza daha sonra döndüklerinden emin olmanız gerekir. Sitenizin hızını artırmaya çalışabileceğiniz birçok şey var. Gereksiz uzantıları kolayca kaldırabilir, önbellek eklentisini yapılandırabilir, kötü botları engelleyebilir ve hafif bir tema seçebilirsiniz. Bununla birlikte, lütfen alıcıları memnun etmek için yapılan tüm çabalar, müşterilerin iş dükkanlarının yavaş katili nedeniyle boşuna. Ve biliyor musun? Görüntü düzgün bir şekilde optimize edilmez, özellikle bu soruna neden olur.
Bu nedenle bu yazıda, Woocommerce ürün görüntüsünüzü optimize etmenin 5 ana yolunu özetleyeceğiz. Olağanüstü çıkmadan önce, WooCommerce’in optimal zamanının temellerine bakalım. Ardından, ürün görüntülerini optimize etmenin başlayacak ilk yer olmasının birkaç nedenini tartışacağız.
İdeal WooCommerce ne kadar zaman?
WooCommerce Shop’u hızlandırmak için neden resim optimizasyonu ile başlayın
#1 Doğru dosya biçimini seçin
#2 Ürün Görüntüsü Sıkıştırma
#3 Duyarlı ürün resimlerini kullanın
#4 CDN aracılığıyla görüntüleri servis edin
#5 Blok Hotling Ürün Görüntüleri
İdeal WooCommerce ne kadar zaman? WordPress veya WooCommerce belirli bir açık zamanı zorlamaz. Bu, sitenizin mümkün olduğunca uzun yüklenebileceği anlamına gelmez.
Sitenizin yüklemeyi tamamlamak için 5 saniyeden fazla sürdüğünü hayal edin? Uyarı zili şimdi çalmaya başlar. Ziyaretçiler hemen sayfanızdan ayrılacak. Çevrimiçi mağazanız için en uygun yükleme süresinin 1 veya 2 saniye arasında olması önerilir. Edubirdie’den 4 ziyaretçi arasında, 1 tanesinin tamamen yüklenmesi 4 saniyeden fazla süren bir web sitesi bırakacağına dair kanıtlar var. Ayrıca, 1 saniyelik bir gecikme müşteri memnuniyetini%16 oranında azaltacaktır. Daha da önemlisi, müşterilerin% 64’ü, hizmetinizden hayal kırıklığına uğramışlarsa rakiplerinizi seçecek. Neden Woocommerce Store Optimizasyonunu hızlandırmak için görüntü optimizasyonuyla başlayın, tek yöntem değil, ilk şey yapmanız gereken ilk şey WooCommerce yükleme süresi. Bu sadece küçük bir eylem olmasına rağmen, bu mağazanız için büyük bir fark yaratabilir. Görüntü optimizasyonu, sitenizin yükleme süresini azaltmak için yapabileceğiniz en basit şeyi kanıtlar. WordPress bellek sınırlarını veya temiz veritabanlarını artırmak için wp-config.php dosyalarını düzenlemenin aksine, bu çözüm her mağaza sahibi, hatta yeni başlayanlar için dosttur. Ayrıca, optimize edilmeyen görüntüler, sitenizin performansını ve kullanıcı deneyimini doğru bir şekilde etkiler. Sadece müşterilere doğru mesajı iletemediler, aynı zamanda kullanıcıların fikirlerinizi yanlış anlamasını sağladı.
Ortalama olarak, web sayfalarının ağırlığının% 40’ı hem masaüstlerinde hem de mobil cihazlarda görüntülerden oluşur. Bu miktar WooCommerce mağazasında çok daha yüksek. Ürün fotoğraflarınız, üstün resimleriniz ve diğer birçok dosyanız var. Ne kadar çok resme sahip olursanız, sayfanızı yüklemek için gereken süre o kadar uzun olur. Wooocommerce’ınızı hızlandırmak için görüntülerin optimizasyonuyla başlamanın nedenlerini anladıktan sonra, görüntünüzü doğru optimize etmek için yapabileceğiniz en önemli 6 şey aşağıdadır. #1 Doğru dosya biçimini seçin Ürün Görüntü Dosyası Görüntü kalitenizi belirleyin. Woocommerce fotoğrafınız için en iyi dosya biçimini seçtiğinizden emin olun. JPEG, JPG ve PNG en yaygın olanıdır, GIF’lerden kaçınılması gerekir.
JPEG – Uygun dosya boyutuyla iyi ürün görüntü kalitesi sunmanıza olanak tanır.
Örneğin Amazon’u ele alalım, TIFF, JPEG, GIF ve PNG dahil olmak üzere ürün çizimleri için yalnızca 4 dosya formatı alır.
#2 Ürün görüntüsü sıkıştırılmış kaliteli ürün çizimi doğru boyutta sadece ziyaretçiler için görsel susuzluğu karşılamakla kalmaz, aynı zamanda sayfanın yükleme süresini de artırır. Sıkıştırma, bant genişliğinizi daha az alan daha küçük bir görüntü dosyası boyutu oluşturur. Sonuç olarak, bu sunucunuzda daha az depolama alanı gerektirir.
Ancak, ürün görüntülerinin sıkıştırılması sırasında, bazen kalite ve dosya boyutu arasında seçim yapmanız gerekir. Düşük sıkıştırma seviyelerine sahip görüntüler daha iyi kaliteye sahiptir ve görülmesi daha kolaydır, ancak dosya boyutu daha büyüktür. Bu arada daha yüksek bir sıkıştırma seviyesine sahip görüntüler düşük kalite sağlar, ancak dosya boyutunu en düşük sayıya düşürür. En küçük boyutta mükemmel ürün fotoğrafları sağlamak için, WP Smush, Imagify ve kısa piksel gibi görüntü sıkıştırma eklentilerinden yardım arayabilirsiniz. #3 Duyarlı ürünler kullanın, insanların cep telefonlarını kullanarak çevrimiçi alışveriş yapma eğilimindedir. Bir Wooocommerce mağazası oluştururken çeşitli cihazlar için duyarlı ürün görüntüleri sunmak en önceliklidir. WordPress Media kütüphanesine ürün resimleri yüklediğinizde ve ürün sayfalarınıza eklediğinizde, mükemmel görünebilir. Ancak, mobil cihazlarda veya tabletlerde de performans gösterdiğinden emin misiniz? Akıllı telefon ekranında çok büyük olabilir veya doğru konumda görüntülenmeyebilirler. Bunu düzeltmek için Ricg Duyarlı Görüntü Eklentisini deneyebilirsiniz. CSS-Tricks’ten Cris Croyer tarafından oluşturulan bu eklenti, bu nişte WordPress’e otomatik varsayılan duyarlı bir görüntüyle başka bir rakip kazandı. #4 CDN aracılığıyla resim sunmak çok uluslu bir WooCommerce mağazası inşa etmek ve küresel ürün satmak mı istiyorsunuz? İçerik Dağıtım Ağı (CDN) aradığınız bir şeydir. Görüntüler de dahil olmak üzere statik kaynakları saklayarak ve göndererek CDN, sitenizin dünyanın her köşesinde en hızlı hızda çalışmasına yardımcı olur.
Örneğin, Woocommerce mağazanız ABD’de yayınlanmıştır. Çin’den bir müşteri sitenizi bir arama motorunda buldu ve açtı. CDN, ona hizmet etmek için Çin Pop’tan (varlık noktaları) site bilgileri alacaktır. CDN açısından çeşitli güvenilir seçenekleriniz var. Bunlardan birini seçin: Cloudflare, Sucuri CDN, Cloudways CDN, StackPath ve Keycdn. #5 Blok HotLaking HotLaking Görüntü Ürünleri Dosyaları diğer sitelerden doğrudan bağlayan doğrudan eylemlere başvurur. Resimleri WordPress kütüphanesine yüklemek ve içeriğe eklemek yerine, insanlar fotoğraf URL’inizi alır ve ürün sayfalarına yerleştirir. Bu, bant genişliği hırsızlığına neden olur. Bir ziyaretçi siteyi her içerdiğinde, sitenizi yüklediği ve bant genişliğinizi aldığı anlamına gelir. Sonuç olarak, bu SEO’nuz için zararlıdır ve sitenizi yavaşlatır. Mağazanızın hız azaltılmasını görene kadar ürün görüntüsünüzün barındırıldığını fark etmek zordur. CDN, görüntünün sıcak bağlantısını önlemek için güçlü bir araçtır. Ayrıca .htaccess dosyanızı (teknolojiyi anlarsanız) değiştirmek veya yalnızca dosya koruma eklentisinden yardım almak için evet diyebilirsiniz. Uzun bir ürün sayfası yüklerken WooCommerce mağazanızı hızlandırmaya hazır bir dizi kötü etkiye neden olur. Müşteri, savaş oranınızı hızlandıracak mağazanızdan hemen ayrılacaktır. Ardından, arama motoru sayfanızın ziyaretçileri koruyacak kadar ilginç olmadığını fark eder. Bu, yüksek sıralamanızın gizlice uzaklaşmasına neden olur. Özünde, müşterileri ve geliri kaybedersiniz.
