Rakuten 24, gerçek kullanıcıların Web Verileri'ni ölçen iyi bir Largest Contentful Paint (LCP) sayesinde de %61,13 dönüşüm oranı artışı sağlayabileceğini belirledi.
Rakuten 24; sağlık, içecek, evcil hayvan malzemeleri ve bebek ürünleri gibi çok çeşitli günlük ihtiyaç ürünleri sunmak için hem çok uluslu hem de yerel ölçekte büyük tüketici ürünleri üreticileriyle birlikte çalışan bir online mağazadır. Bu mağaza, internet hizmetleri alanında dünya lideri olan Rakuten Group, Inc. tarafından sağlanıyor ve Japonya'daki dijital pazar yeri platformunda en iyi performans gösteren mağazalar arasında yer alıyor.
Web performansının kullanıcı deneyimi üzerindeki etkisini anlayan Rakuten 24 ekibi, Core Web Vitals ve diğer metrikleri sürekli olarak ölçüyor, optimize ediyor ve izliyor.
Bunun sonucunda kullanıcılarının% 75'inden fazlası, iyi Largest Contentful Paint (LCP), First Input Delay (FID) ve First Contentful Paint (FCP) deneyimleri yaşamaktadır. Ancak Cumulative Layout Shift (CLS) iyileştirmeleri üzerinde çalışmaya devam ediyorlar.
Rakuten 24, ana sayfa verilerini analiz ettikten sonra, iyi bir LCP puanının şunlara neden olabileceğini tespit etti:
- Dönüşüm oranında% 61,13'e varan artış.
- Ziyaretçi başına gelirde% 26,09.
- ortalama sipariş değerinde% 11,26 artış oldu.
- İyi bir FID puanı, dönüşüm oranında% 55,88'e varan artış sağlayabilir.
Rakuten 24, Core Web Vitals ile işletme metriklerini daha da ilişkilendirmek için Core Web Vitals ve ilgili metrikleri optimize etmeye odaklanan bir A/B testi de gerçekleştirerek şu alanlarda iyileşme elde etmiştir:
- Ziyaretçi başına gelirde% 53,37.
- dönüşüm oranında% 33,13.
- ortalama sipariş değerinde% 15,20 artış olduğunu gösteriyor.
- harcanan ortalama süre% 9,99.
- Çıkış oranında% 35,12 azalma.
Fırsatı vurgulayın
Web performansını optimize etmek, kullanıcı deneyimini iyileştirmek ve iş büyümesini iyileştirmek için akıllıca bir yatırım olsa da Rakuten 24 ekibi paydaşları Core Web Vitals'ı kullanmaya ve web performansına odaklanmaya ikna etmenin ne kadar zor olabileceğinin farkında. Paydaşlara performans optimizasyonunun tam olarak ne tür bir Yatırım Getirisi (YG) sağlayabileceğini göstermenin, onları sürece dahil etmenin en iyi yolu olduğuna inanıyorlar.
Nispeten yeni ve bağımsız bir hizmet olan Rakuten 24, bu zorluğun üstesinden gelmek için esneklik avantajından yararlandı. Vaka analizinin sonucunun hem gelecekte daha veri odaklı kararlar almalarına hem de diğer geliştiricilerin çalışmalarının etkisini ölçmelerine ve paydaşlarını performansı iyileştirmenin yatırıma değer olduğuna ikna etmelerine yardımcı olacağına inanıyorlar. Bunu nasıl yaptıklarını bu gönderiden öğrenebilirsiniz.
JavaScript'i ve kaynakları optimize edin
- Oluşturmayı engelleyen kaynakları ortadan kaldırın.
- Kodu bölün ve dinamik
import()kullanın. - Tüm içeriği ayrı parçalara bölebilir ve ekranın alt kısmındaki HTML dosyalarını geç yükleyebilirsiniz.
- JavaScript'i isteğe bağlı olarak çalıştırın ve yükleyin.
<script>etiketlerinde eşzamansız özelliğini kullanarak ve önemli kaynaklara (dns-prefetch,preconnectvepreloadgibi kaynak ipuçları) erken bağlantılar kurarak yavaş JavaScript kaynaklarını belirleyin ve yükleme sürecini optimize edin.- Kullanılmayan kodları kaldırın ve kodu küçültüp sıkıştırın.
- CDN kullanın.
- Workbox ile Service Worker'ı kullanarak önbelleğe almayı denetleyin.
Resimleri optimize edin
- Ekranın alt kısmındaki resimleri geç yükleyin.
- CDN ile resimleri optimize edin, uygun boyutlu resimler yayınlayın, resimleri sıkıştırın ve iş için doğru resim biçimlerini (WebP, SVG, Web Yazı Tipleri) kullanın.
CLS'yi optimize etme
- Resimler yüklenirken CSS'yi
aspect-ratiokullanarak resimler için gerekli alanı ayırın. - Öğeler geç yüklenirken düzen kaymalarını en aza indirmek için CSS'yi
min-heightkullanın.
Performans ölçümü
Ekip, web sitesini denetlemek için PageSpeed Insights'ı kullanmanın yanı sıra, kullanıcıların sahada gerçekten neler yaşadığını öğrenmenin daha iyi bir yolunu bulmak istiyordu. Bu nedenle Rakuten 24, Core Web Vitals ile sahadaki diğer metrikleri ölçmek ve verileri şirket içi analiz aracına göndermek için web-vitals JavaScript kitaplığını kullanmaya karar verdi.
Performans analizi
Ekip, Önemli Web Verileri ve temel işletme metrikleri arasında herhangi bir bağlantı olup olmadığını belirlemek için toplanan alan verilerini analiz etti. Dönüşüm gerçekleştiren kullanıcıların, dönüşüm sağlamayan kullanıcılara göre daha iyi bir LCP elde etme eğiliminde olduğunu tespit ettiler.
Toplanan veriler şunları da ortaya çıkardı:
- İyi bir LCP, dönüşüm oranında% 61,13'e, ziyaretçi başına gelirde% 26,09'a ve ortalama sipariş değerinde% 11,26'ya varan artışa yol açabilir.
- İyi bir FID, genel ortalama verilere kıyasla dönüşüm oranında% 55,88'e varan bir artışa yol açabilir.
Performans izleme
Ekip, sahada toplanan verileri ve iş zekası aracını kullanarak bir performans izleme kontrol paneli oluşturdu. Bu adım, ilerlemenin izlenmesi ve regresyonların önlenmesi açısından önemlidir.
A/B testi
A/B testlerinin performans optimizasyonlarının işletme üzerindeki etkisini ölçmek için iyi bir yol olduğuna inanan ekip, açılış sayfalarından birini Core Web Vitals için optimize etti ve ardından bir ay boyunca A/B testi aracılığıyla optimize edilmiş sürümü orijinal sayfayla karşılaştırdı. Testin anlamlı sonuçlar elde edebilmesi için önemli miktarda trafik ve dönüşüm sağlayan bir açılış sayfası seçmiştir. Test süresi boyunca, trafiğin% 50'si optimize edilmiş açılış sayfasına (A sürümü) ve% 50'si orijinal sayfaya (B sürümü) gönderildi. Sürüm A ile sürüm B arasındaki tek fark, sürüm A'nın Core Web Vitals için optimize edilmiş olması ve başka işlevsel veya görsel fark olmamasıydı.
Optimize edilmiş A sürümü, mobil yük testinde yüklemeyi 0,4 saniye daha önce tamamlamıştır ve belirgin bir düzen değişikliği göstermiyor. Öyle ki, A sürümünün CLS'si B sürümüne kıyasla% 92,72 iyileşti. Diğer Web Verileri puanları da arttı: FID%7,95, FCP%8,45 ve TTFB%18,03 iyileşti.
Rakuten 24, optimize edilmiş A sürümü ile optimize edilmemiş B sürümünün karşılaştırılmasında, A sürümünün şunları sağladığını tespit etmiştir:
- Ziyaretçi başına gelirde% 53,37 artış.
- %33,13 arttı.
- Ortalama sipariş değerinde% 15,20 artış.
- Harcanan ortalama sürede% 9,99 artış.
- Çıkış oranında% 35,12 azalma.
Sonuç
Web performansı optimizasyonu zorlu ancak ödüllendirici bir süreçtir. Rakuten 24, veriye dayalı bir yaklaşım benimseyerek başarılı bir şekilde daha iyi kullanıcı deneyimi sundu ve işletme üzerindeki olumlu etkiyi ölçtü. Bunun varış noktası değil yolculuğun yalnızca bir parçası olduğunu fark eden şirket, internetten alışveriş yapan kullanıcılara daha keyifli deneyimler sunmak için web sitelerini iyileştirmeye devam edecek.
Optimizasyon için ortak çalışma yapılması gerekir ve geliştiriciler bu yolculukta yalnız olmak zorunda değildir. Rakuten 24, mücadelelerini ve başarılarını paylaşarak daha fazla geliştiricinin Core Web Vitals verilerini kullanarak paydaşlarla karşılıklı bir anlayış geliştirmesini, ardından yüksek kaliteli kullanıcı deneyimi ve iş büyümesi için birlikte çalışmasını umuyor.