Küçük bir ekibin ilgi çekici bir pazar yeri PWA oluşturarak nasıl büyük kazanımlar elde ettiğini öğrenin.
Merkezi Ürdün, Amman'da bulunan OpenSooq, Orta Doğu ve Kuzey Afrika'da 19 ülkede geniş bir ürün ve hizmet yelpazesi sunan, mobil cihazlara öncelik veren bir seri ilan ticaret sitesidir.
Yarışma
OpenSooq'un trafiğinin% 85'inden fazlası mobil cihazlardan geliyor ve bu sayı artmaya devam ediyor. Bölgedeki pek çok kişi sınırlı depolama kapasitesine sahip düşük teknoloji cihazlara güveniyor. Bu da OpenSooq'un mobil sitesinin mümkün olduğunca hızlı ve hafif olması ihtiyacını doğuruyor. Ancak OpenSooq'un eski mobil sitesindeki yavaş yüklenme süreleri müşteri memnuniyetini etkiliyor ve Kuveyt gibi pazarlarda hemen çıkma oranlarının% 49'a kadar yükselmesine neden oluyordu.
Şirket, müşterilerine tüm platformlarda sürekli daha iyi bir deneyim sunmak için daha hızlı ve duyarlı bir web sitesine ihtiyacı olduğunu fark etti. Bu nedenle, Haziran 2017'de OpenSooq'un mühendislik ekibi Progresif Web Uygulaması'nı (PWA) kullanıma sundu.
Performans ve güvenilirliğe odaklanma
OpenSooq'un şirket içindeki üç geliştiricisi, React ve webpack ile sadece iki buçuk ayda tam özellikli bir PWA oluşturmayı başardı.
Ekip, sitenin hızlı ve arama motorları tarafından dizine kolayca eklenmesini sağlamak için sunucu tarafı oluşturmayı uygulamaya karar verdi. Kullanıcıların yaklaşık% 28'i PWA'ya yama amaçlı 2G veya 3G ağları üzerinden eriştiğinden, kullanıcıların ağ kısıtlamaları ne olursa olsun bu deneyimin çalışmasına güvenmeleri çok önemliydi. Bu nedenle ekip, hizmet çalışanlarını ve önce önbelleğe al sonra ağ stratejisini kullanarak çevrimdışı bir deneyim uyguladı. Ayrıca kullanıcılarına anında yükleme imkanı sunmak için PRPL kalıbı kullandılar.
Ekip, bu en iyi uygulamaları izleyerek 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 ulaşmasına yardımcı oldu.
Kullanıcılarımızın dörtte birinden fazlası OpenSooq PWA'ya orta seviyedeki ağlardan erişiyor. Bu nedenle, kullanıcıların etkileşimde kalmasını sağlamak için güvenilirlik son derece önemliydi. Service Worker'lar 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
Etkili ve güvenilir bir deneyim sunan OpenSooq ekibi, kullanıcılarının ürünle etkileşim halinde kaldığından emin olmak istiyordu. Bunu yapmak için kullanıcıların PWA'yı ana ekranlarına yüklemelerine olanak tanıdılar ve anlamlı bildirimler için destek eklediler. Bu, sitenin alıcılara reklam etkinleştirme ve süre sonu hakkında sorgulardaki ve satıcılarla etkileşim hakkında bilgi verme olanağı sağladı.
Bu iyileştirmeler, OpenSooq'un web deneyiminin aylık etkin kullanıcı sayısını %14 artırdı. PWA'yı yükleyen kullanıcılarda, oturum başına sayfa ziyareti sayısında% 48 ve ortalama oturum süresinde% 28 artış görüldü. OpenSooq ayrıca, tüm pazarlarda kullanıcıların bir sayfada geçirdiği ortalama sürede% 25'lik bir artış ve ortalama hemen çıkma oranında% 29'luk bir düşüş gördü.
Geleceğe dönük olarak
Yalnızca birkaç haftalık çabanın ardından OpenSooq, tüm platform ve tarayıcılarda kullanıcılara tutarlı bir deneyim sunan, 23 KB boyutunda, tam özellikli bir PWA oluşturdu. Ayrıca ekip, özellikleri web'de kolayca güncelleyebileceği için PWA'daki yeni özellikleri ve kullanıcı akışlarını diğer platformlarda kullanıma sunmadan önce kullanıma sunup test ederek PWA'ya öncelik verdi.
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ükleme hızını daha da artıracak ve platforma özgü uygulamaya geçişi olabildiğince sorunsuz hale getirecek. OpenSooq ekibi, ilk geliştirme çalışmalarını temel alarak kullanıcılarına mümkün olan en iyi deneyimi sunmaya devam edecek.
PWA'mızı geliştirmenin önemi, hem liderler hem de teknik ekipler için açıktı. Modern bir web uygulaması oluşturup yüksek performanslı hale getirdikten sonra, bu uygulamanın 2,5 aylık yatırımımız üzerindeki işletme etkisini görmekten heyecan duyuyoruz.
Ramzi Alqrainy, Baş Teknoloji Sorumlusu, OpenSooq