Küçük bir ekibin, ilgi çekici bir pazar yeri PWA'sı oluşturarak nasıl büyük kazanımlar elde ettiğini öğrenin.
Ürdün'ün Amman kentinde bulunan OpenSooq, Orta Doğu ve Kuzey Afrika'daki 19 ülkede çok çeşitli ürün ve hizmetler sunan, mobil cihazlara öncelik veren bir sınıflandırılmış reklam pazarıdır.
Yarışma
OpenSooq'un trafiğinin% 85'inden fazlası mobil cihazlardan geliyor ve bu sayı artmaya devam ediyor. Bölgedeki birçok kullanıcı, sınırlı depolama kapasitesine sahip düşük kaliteli cihazlar kullanıyor. Bu nedenle, OpenSooq'un mobil sitesinin mümkün olduğunca hızlı ve hafif olması gerekiyor. Ancak OpenSooq'un eski mobil sitesindeki yavaş yükleme süreleri müşteri memnuniyetini etkiliyordu ve Kuveyt gibi pazarlarda% 49'a varan hemen çıkma oranlarına neden oluyordu.
Şirket, müşterilerine tüm platformlarda tutarlı bir şekilde daha iyi bir deneyim sunmak için daha hızlı ve daha duyarlı bir web sitesine ihtiyaç duyduğunu fark etti. Bu nedenle, OpenSooq'un mühendislik ekibi Haziran 2017'de bir Progresif Web Uygulaması (PWA) kullanıma sundu.
Performans ve güvenilirliğe odaklanma
OpenSooq'un üç şirket içi geliştiricisi, React ve webpack ile yalnızca iki buçuk ay içinde tam özellikli bir PWA oluşturmayı başardı.
Ekip, sitenin hızlı ve arama motorları tarafından kolayca dizine eklenebilmesi için sunucu tarafı oluşturma özelliğini uygulamayı tercih etti. Kullanıcılarının yaklaşık% 28'inin PWA'ya 2G veya 3G ağlardan eriştiği göz önüne alındığında, kullanıcıların ağ kısıtlamalarından bağımsız olarak deneyimin çalışacağına güvenmesi kritik önem taşıyordu. Bu nedenle ekip, hizmet çalışanlarını ve önce önbelleğe alma, sonra ağ stratejisini kullanarak çevrimdışı bir deneyim uyguladı. Ayrıca kullanıcılarına anında yükleme sunmak için PRPL desenini kullandılar.
Ekip, bu en iyi uygulamaları uygulayarak ortalama sayfa yüklenme süresini (Etkileşime hazır olma süresi) 4 saniyeden 2 saniyenin altına düşürmeyi başardı. Ayrıca sitenin bu kadar hızlı kalmasını sağlamak için Lighthouse'u kullandılar. Bu çalışmalar OpenSooq'un ayda 1,8 milyardan fazla sayfa görüntülemesine yardımcı oldu.
Kullanıcılarımızın dörtte birinden fazlası OpenSooq PWA'ya düşük-orta düzey ağlardan erişiyor. Bu nedenle, bu kullanıcıların etkileşimini sürdürmek için güvenilirlik çok önemliydi. Hizmet çalışanları ve önbelleğe alma stratejileri, ihtiyaç duyduğumuz güvenilir kullanıcı deneyimini sorunsuz bir şekilde oluşturmamıza yardımcı oldu.
Amin Shoman, PWA Teknik Müdürü, OpenSooq
Yeniden etkileşimi iyileştirme
Performanslı ve güvenilir bir deneyim oluşturan OpenSooq ekibi, kullanıcılarının ürünle etkileşimde kalmasını sağlamak istiyordu. Bunu yapmak için kullanıcıların PWA'yı ana ekranlarına yüklemelerini sağladılar ve anlamlı bildirimler için destek eklediler. Bu sayede site, alıcıları sorgular konusunda satıcı etkileşimi hakkında, satıcıları ise reklam etkinleştirme ve son kullanma tarihi hakkında bilgilendirebildi.
Bu iyileştirmeler, OpenSooq'un web deneyiminin aylık etkin kullanıcı sayısını %14 artırdı. PWA'yı yükleyen kullanıcılar için oturum başına sayfa ziyareti sayısında% 48, ortalama oturum süresinde ise% 28 artış elde edildi. OpenSooq, kullanıcıların bir sayfada geçirdiği ortalama sürede% 25 artış ve tüm pazarlarda ortalama hemen çıkma oranlarında% 29 düşüş elde etti.
Geleceğe dönük olarak
OpenSooq, sadece birkaç haftalık çalışmanın ardından tüm platform ve tarayıcılarda kullanıcılara tutarlı bir deneyim sunan 23 KB'lık tam özellikli bir PWA oluşturdu. Ayrıca, web'deki özellikleri güncellemek kolay olduğu için ekip, yeni özellikleri ve kullanıcı akışlarını diğer platformlara sunmadan önce PWA'larında kullanıma sunup test ederek önce PWA'ya yöneldi.
OpenSooq şu anda platforma özel bir yükleme istemi ekleme ve PWA'yı Accelerated Mobile Pages (AMP) ile entegre etme üzerinde çalışıyor. Bu iyileştirmeler, sayfa yüklemelerini daha da hızlandıracak ve platforma özel uygulamaya geçişi olabildiğince sorunsuz hale getirecektir. OpenSooq ekibi, ilk geliştirme çalışmalarının temelini kullanarak kullanıcılarına mümkün olan en iyi deneyimi sunmaya devam edecek.
PWA'mızı geliştirmenin önemi hem üst yönetim hem de teknik ekipler tarafından net bir şekilde anlaşılıyordu. Modern bir web uygulaması oluşturup performansını artırdıktan sonra, 2,5 aylık yatırımımızın işletmeye olan etkisini görmekten heyecan duyuyoruz.
Ramzi Alqrainy, Baş Teknoloji Sorumlusu, OpenSooq