Mynet her ay haber, video, oyun, finans, bilgilendirici ve eğlence içerik ve hizmetleriyle sitesine 34 milyondan fazla ziyaretçi getiriyor. İçerik için Accelerated Mobile Pages (AMP) kullanan bir Progresif Web Uygulaması'nı (PWA) kullanıma sunduktan sonra bu uygulama, ortalama sayfa yüklenme sürelerinde 4 kat düşüş gördü. Mynet ayrıca kullanıcı etkileşiminde de önemli bir artış elde etti ve mobil sitelerinde geçirilen ortalama süre %43 yükseldi.
- Makale sayfa görüntüleme başına% 25 daha yüksek gelir
- 4 kat daha yüksek ortalama sayfa yükleme hızı
- %43 daha uzun ortalama sitede geçirilen süre
- Oturum başına% 34 daha fazla sayfa görüntüleme
- %24 daha düşük hemen çıkma oranları
Meydan okuma
Mobil trafiğinin% 85'inden fazlası mobil web'den geldiği için Mynet'in mobil web sitesi, stratejilerinin vazgeçilmez bir parçası. Bununla birlikte, kullanıcıların mobil sitede, yerel uygulamalarının kullanıcılarına kıyasla 2 kat daha az zaman geçirdiğini fark ettiler. Mynet, mobil sitesindeki kullanıcı davranışını analiz ettiğinde, mobil web deneyimlerinin çok yavaş olduğu açıkça görüldü. Mynet'in yerel bir uygulamayla başarabileceklerine benzer şekilde, son derece hızlı, ilgi çekici bir mobil web sitesi oluşturması gerekiyordu.
Çözüm
Mynet, trafiği ve yeniden etkileşimi eş zamanlı olarak artırmak amacıyla, mobil web'de hızlı, uygulamaya benzer bir deneyim sunmak için AMP'yi kullanan bir PWA'yı kullanıma sundu. Bu kurulumla, makale sayfaları eski mobil siteye kıyasla dört kat daha hızlı yüklendi. Bu da hemen çıkma oranlarında% 24'lük bir düşüşe yol açtı. Kullanıcılar sitede% 43 daha fazla zaman geçirmeye başladıkça Mynet, hız ile etkileşim arasında da bir ilişki olduğunu gördü. Ayrıca, sayfa görüntülemelerinde oturum başına% 34 artış görüldü. Bunların tümü birkaç aşamada gerçekleştirildi:
AMP ile hızlı başlatma
Mynet, ilk olarak bağımsız AMP sayfaları olarak yayınlanan makaleleri için destek oluşturdu. Bu, sonuçları Google arama sonuçlarındaki AMP bandında göstermelerini sağlar. Ayrıca, sınırlı veya stabil olmayan ağlarda kritik önem taşıyan mobil web'e göz atan kullanıcılara olağanüstü sayfa yükleme performansı sunmalarına da olanak tanır. Bağımsız AMP sayfalarını kullanıma sunmak, İYS sistemleri için çok zor olmadı ve tüm makale içeriklerinin AMP'de kullanıma sunulması yalnızca iki hafta aldı.
Mynet, reklamların mümkün olduğunca hızlı ve verimli bir şekilde yayınlanmasını sağlamak için AMP Reklamları'nı kullanıma sundu. Bu reklamlar, standart reklamlardan iki kata kadar daha hızlı yüklenir. Tıklama oranları (TO) ve gelirler %30'a kadar artar.
Hızlı kalmak ve PWA ile yeniden etkileşimde bulunma
Mynet daha sonra mobil web sitelerini iyileştirmek istedi ve bu nedenle PWA teknolojileriyle mobil sitelerinin ayrı bir beta sürümünü oluşturdu. Temel sitelerini minimum düzeyde güncellemek yerine, daha fazla uygulama benzeri, etkileyici bir kullanıcı deneyimi (UX) sağlamak için bu teknolojilere yöneldiler. Özellikle de stabil olmayan ağlarda güvenilir performans elde etmek için Service Worker'lardan yararlandılar ve kullanıcıya yeniden etkileşim için "Ana Ekrana Ekle" ile Push Bildirimleri bildirimi verildi. 95/100 Lighthouse performans puanıyla sınıfının en iyisi PWA oluşturdu. (Lighthouse, web'de herhangi bir sayfada yayınlanabilecek web sayfalarının kalitesini iyileştirmek için kullanılan otomatik bir araçtır.)
AMP ve PWA'lar birlikte daha iyi çalışır
AMP ve PWA'ları bağımsız sürümler olarak test ettikten ve performanslarını optimize ettikten sonra Mynet, mobil web siteleri için birleştirilmiş bir çözüm oluşturmanın son aşamasına geçmeye hazırdı. AMP içerik sayfalarını PWA'larına dahil etmek, yeni mobil sitesinde hızı ve kullanılabilirliği bir araya getirdi. Birleşik AMP/PWA sitesi kullanıma sunulduktan sonra Mynet, web üretim sürümlerinin sayısını yarı yarıya (mobil ve masaüstü) azaltarak kodun bakımını yapmak ve kodunu iyileştirmek için gereken uygulama sayısını azalttı.
Neden birleşik bir AMP/PWA çözümü kullanmalısınız? AMP, mobil web'de olağanüstü bir ilk sayfa yükleme performansı sunarken PWA'lar yinelenen ziyaretleri hızlı ve güvenilir hale getirir. PWA'lar, "Ana ekrana ekle" istemi ve push bildirimleri sayesinde sitelerin kullanıcılarının yeniden etkileşimini artırmasına da olanak tanır. Bu strateji birlikte, Mynet'in ağ durumu ne olursa olsun ilk veya sonraki ziyaretlerde yüksek kaliteli deneyimler sunmasına olanak tanır.
Mynet'in mobil web sitesini ziyaret edenlerin yaklaşık% 30'u iOS cihaz kullanıyor. Mynet, iOS'te hizmet çalışanı desteği eksikliği nedeniyle "Ana Ekrana Ekle", Push Bildirimleri ve çevrimdışı önbelleğe almanın kullanılamaması nedeniyle oturum başına ortalama sayfa görüntüleme sayısında% 15'lik bir artış ve iOS'ta hemen çıkma oranında% 23'lük bir düşüş gördü. Bu artan etkileşim, AMP tabanlı PWA'nın sağladığı hız ve kullanıcı arayüzü (UI) iyileştirmelerinden kaynaklanmıştır.
PWA'larında AMP kullanmanın genel etkisi, makale sayfa görüntüleme başına reklam gelirinde% 25'lik bir artış sağlıyor.
Hıza yeniden odaklanarak AMP'yi entegre etmeye ve Progresif Web Uygulaması geliştirmeye karar verdik. AMP sayfaları, sayfadan ayrılan kullanıcı sayısını azaltmak açısından önemliydi ve şimdi AMP sayfalarının dört kat daha hızlı yüklendiğini görüyoruz. PWA oluşturarak uygulamamızla benzer özelliklere sahip olduk ve kullanıcılar artık sitemizde% 43 daha fazla zaman geçiriyor ve yeniden etkileşime geçiyorlar.
M. Fuat Şeker , İş Geliştirme ve Ürün Grubu Yöneticisi, Mynet
Ek sonuçlar
- AMP Reklamları ile 2 kat daha hızlı yükleme süreleri
- AMP Reklamları ile% 30 daha yüksek TO ve gelir
- iOS'te oturum başına ortalama sayfa görüntüleme sayısında% 15 artış
- iOS'te% 23 daha düşük hemen çıkma oranları