Yeni PWA'nın ortalama yükleme süresi eski siteye kıyasla% 30 daha hızlıdır. Ayrıca hemen çıkma oranı% 12, oturum derinliği ise %18 oranında iyileşmiştir.
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'da telekomünikasyon hizmetleri sunan lider bir kuruluştur. Ayrıca BT ve entegrasyon hizmetleri, kiralık hatlar ve diğer telekomünikasyon katma değerli hizmetleri ve ekipmanlarını da sunuyoruz.
Zorluk
Bir web sitesinin yüklenmesinin çok uzun sürmesi nedeniyle endişelenip sinirlendiğimiz zamanlar olmuştur. Fiziksel varlığı az veya hiç olmayan dijital şirketler için bunun etkisi açıktır. Özellikle de şirket içi araştırmamızın, uygulamanın kaldırılmasının en önemli tek nedeninin hız olduğunu açıkça gösterdiği mobil uygulamalar söz konusu olduğunda bu durum daha da belirgindir. Ancak bizim gibi, dağıtım kanalları için güçlü bir fiziksel stratejiye sahip, yerleşik bir sektörde faaliyet gösteriyorsanız dijital hız, satışlarımızın tek kaynağı olmadığı için bu hızdan elde ettiğiniz etki o kadar belirgin değildir. Bu durum, üst düzey yöneticileri hıza yatırım yapmaya ikna etmeyi daha da zorlaştırır.
Üst düzey yöneticilerimize sunum yaparken, yükleme süresi ile dönüşüm oranları arasındaki ilişkiyi net bir şekilde göstermek için Google Analytics'teki geçmiş performans verilerimizden yararlanarak iddiamızı daha güçlü hale getirdik. Somut gerçeklerle, sayfa yükleme süresinin her ek saniyesinin gelir ve satışlarda% 15-20 oranında düşüşe neden olduğunu gösterebildik.
Yaklaşım
Bir progresif web uygulaması (PWA) oluşturmaya karar verdik. Müşterilerimizin% 75'inden fazlası web sitemizi mobil cihaz üzerinden kullandığından özellikle mobil trafiğe odaklandık. Ekip, temel performans göstergelerini iyileştirmeye ve daha ilgi çekici ve cazip bir deneyim sunmaya eşit derecede odaklandı.
Aşağıdaki soruları yanıtlamak için bir kavram kanıtı sunmayı amaçlayan yeni bir işlevler arası scrum ekibi (BT, işletme ve kullanıcı deneyimi uzmanları dahil) oluşturduk:
- Önemli eski sınırlamalarımıza uymaya devam ederken yükleme süresini etkili bir şekilde azaltabilir miyiz?
- Dönüşüm ve gelir üzerinde gerçek etkisi ne olacak?
Otomatik sunucu tarafı oluşturma (özellikle SEO'muz için önemli olan), veri ön getirme ve kod bölme gibi varsayılan olarak etkinleştirilmiş veya ayarlaması kolay birçok optimizasyonu nedeniyle Next.js'i seçtik. Bizim için önemli olan bir diğer nokta da Next.js'in, eski uygulamalarımızda herhangi bir soruna yol açmadan sayfaları tek tek taşımamızı sağlamasıydı. Yine de geçişi, hâlâ eski sistemlere bağımlı olduğumuz karmaşık bir ortamda yönetmek zorunda kaldık. Bu da hizmetin kullanılamamasına neden oldu. Bu sorunu gidermek için Workbox'u entegre ettik. Böylece, arka uç kapalı olsa bile web sitemiz her zaman kullanılabilir. Workbox, önbelleğe alma, istek yönlendirme ve çalışma zamanında önbelleğe alma için yerleşik çözümleri sayesinde bize önemli performans artışları da sağladı.
Sonuçlar
Yeni PWA'mızın ortalama yükleme süresi eski siteye kıyasla% 30 daha hızlı. Mobil cihazlarda dönüşümümüz %52 arttı, hemen çıkma oranımız %12 ve oturum derinliğimiz %18 iyileşti. Bu deneyim, müşterilere yönelik tüm çözümleri (müşteri self servisi ve satış temsilcisi ön uçları dahil) PWA teknolojisine dönüştürme stratejik yönünü doğruladı.