Turuncu: Yeni PWA, mobil cihazlarda% 52 daha iyi dönüşüm sağlıyor

Yeni PWA'nın yüklenme süresi de eski siteye göre ortalama% 30 daha hızlıdır. Ayrıca hemen çıkma oranı% 12, oturum derinliği ise %18 oranında artmıştır.

Adam Skręt
Adam Skręt
Marcin Sierakowski
Marcin Sierakowski
Rafał Filipek
Rafał Filipek

Orange Polska S.A. (uluslararası Orange Group'un bir parçasıdır) ses, veri, internet erişimi ve televizyon gibi mobil ve sabit telekomünikasyon hizmetleri de dahil olmak üzere Polonya'nın önde gelen telekomünikasyon hizmetleri sağlayıcısıdır. Ayrıca BT ve entegrasyon hizmetleri, kiralanan hatlar, diğer telekomünikasyon hizmetleri ve ekipmanlarını sağlıyoruz.

Yeni PWA'nın ekran görüntüleri.

Zorluk

Web sitesinin yüklenmesi çok uzun sürdüğünde rahatsızlığa neden olan bir endişe hissinin olduğunu hepimiz biliyoruz. Fiziksel varlığı çok az olan veya hiç fiziksel varlığı olmayan dijital şirketler için bunun etkisi barizdir. Özellikle de şirket içi araştırmalarımızın, uygulamaların kaldırılmasına ilişkin en önemli tek ve hız olduğunu gösterdiği mobil uygulamalar söz konusu olduğunda bu durum ortadadır. Ancak, bizim gibi, dağıtım kanalları için gerçek mekanda faaliyet gösteren güçlü bir stratejiniz olan köklü bir sektörde faaliyet gösteriyorsanız, satışlarımızın tek kaynağı dijital olmadığı için dijital hızın etkisi o kadar bariz değildir. Bu durum, yöneticileri hıza yatırım yapmaya ikna etmeyi daha da zorlaştırıyor.

Yöneticilerimizle ilgili satış konuşması hazırlarken, yükleme süresi ve dönüşüm oranları arasındaki ilişkiyi net bir şekilde göstermek için Google Analytics'teki geçmiş performans verilerimizi dikkate alarak duruşumuzu güçlendirdik. Soğuk ve somut gerçekler sayesinde, sayfa yüklenme süresinin her saniye daha az gelir ve satışla sonuçlandığını gösterebildik.

Yükleme süresi ve dönüşümler arasındaki ilişkiyi gösteren grafikler.
Üstteki grafik (turuncu renkte), eski sitedeki dönüşüm oranını yükleme süresine göre segmentlere ayrılmış olarak gösterir. Örneğin, soldaki ilk çubuk yükleme süresi 2 saniyeden az olan kullanıcıları göstermektedir. Yandaki çubuk ise 2 ila 3 saniye yükleme süresi yaşayan kullanıcıları temsil eder. Alttaki grafik (gri) ise tüm kullanıcıların eski sitede yaşadıkları yükleme sürelerini gösterir.

Yaklaşım

Progresif Web Uygulaması (PWA) geliştirmeye karar verdik. Müşterilerimizin% 75'inden fazlası web sitemizi mobil cihaz üzerinden kullandığı için özellikle mobil trafiğe odaklandık. Ekip aynı ölçüde, temel performans göstergelerini iyileştirmeye ve daha etkileşimli ve cazip bir deneyim sunmaya odaklandı.

Aşağıdaki soruları cevaplayacak bir kavram kanıtlama sunmayı amaçlayan yeni bir çapraz fonksiyonlu scrum ekibi (BT, işletme ve kullanıcı deneyimi uzmanları dahil) kurduk:

  • Eski sürümdeki önemli sınırlamalara uyarken yükleme süresini etkili bir şekilde azaltabiliyor muyuz?
  • Dönüşüm ve gelir üzerindeki gerçek etki ne olacak?

Otomatik sunucu tarafı oluşturma (özellikle SEO'muz için önemli olan), verileri önceden getirme ve kod bölme gibi varsayılan olarak etkinleştirilen veya kurulumu kolay birçok optimizasyonu nedeniyle Next.js'yi seçtik. Bizim için bir başka önemli nokta da Next.js'nin eski uygulamalarımızda herhangi bir soruna yol açmadan sayfaları tek tek taşımamıza olanak tanımasıydı. Bununla birlikte, dönüşümü eski sistemlere bağımlı durumda olduğumuz ve bu nedenle hizmetin kullanılamayacağı karmaşık bir ortamda yönetmemiz gerekti. Bu sorunu çözmek için Workbox'ı entegre ettik. Böylece, arka uç devre dışı olsa bile web sitemiz her zaman kullanılabilir olacak. Workbox; önbelleğe alma, istek yönlendirme ve çalışma zamanı önbelleğe alma işlemlerine yönelik yerleşik çözümleri sayesinde bize iyi performans artışları sağladı.

Sonuçlar

Yeni PWA'mızın yüklenme süresi eski siteye göre ortalama% 30 daha hızlı, mobil cihazlardaki dönüşümümüz %52, hemen çıkma oranımız %12, oturum derinliğimiz ise %18 arttı. Bu deneyim, müşteriye yönelik tüm çözümleri (müşterinin kendi kendine bakımı ve satış görevlisi ön uçları dahil) PWA teknolojisine dönüştürme konusundaki stratejik yönü onayladı.