Aşamalı Web Uygulamaları: Web Geliştirmenin Geleceği?

Yayınlanan: 2016-10-17

Aşamalı Web Uygulamaları ve Hizmet Çalışanları , nispeten yeni kavramlardır ve şu anda web sitelerinin ve mobil uygulamaların mevcut ekosistemini bozan şeyin temel parçalarıdır. Bu teknoloji Google'dan başkası tarafından desteklenmediği için dönüşüm oranlarında büyük artışlar ve hemen çıkma oranlarında düşüşler gördük. Servis çalışanları ve aşamalı web uygulamaları ve bunların mobil uygulamalardan ve geleneksel web sitelerinden farkı hakkında daha fazla bilgi edinin.

Bazen basitçe "SW" olarak da adlandırılan hizmet çalışanı , geleneksel web sitesi sayfaları ve komut dosyalarıyla birlikte çalışan bağımsız bir komut dosyası olarak kodlanmıştır, ancak İnternet'teki web sitelerinde bulunan olağan JavaScript'lere kıyasla yeni heyecan verici özelliklere sahiptir.

Çevrimdışı işlevsellik, anında iletme bildirimleri, tam önbelleğe alma ve akıllı telefonların ve diğer cihazların donanım API'sine bağlanma olasılığının eklenmesiyle, seçenekler yalnızca geliştiricinin yaratıcılığı ve tasarımcının yaratıcılığı ile sınırlıdır. Bir hizmet çalışanını geleneksel web sitesi teknolojileriyle aynı anda kullanmanın birçok avantajı olsa da, ortaya çıkan trende bir işletme sahibinin bakış açısından bakacağız.

Neden Aşamalı Web Uygulamaları kullanmalısınız?

  • Web sitelerinin ve mobil uygulamaların hızına kıyasla hızı artırın
  • Sayfa boyutunu küçült
  • Çevrimdışı işlevsellik
  • Belirli donanım aygıtına erişim
  • Push bildirimleri
  • Ana ekrana ekle

Yukarıda, işletme sahiplerinin hizmet çalışanlarını ve aşamalı web uygulamalarını mevcut web sitelerine uygulamalarının en yaygın 6 nedeninin listesi verilmiştir. Bunları parçalara ayıralım ve 6 kilit noktanın her biri hakkında biraz daha ayrıntıya girelim.

Hızı ve dönüşüm oranlarını iyileştirin

Servis çalışanları tarayıcı ve İnternet erişimi arasında çalıştığı için, bu, web sitesi ziyaretçilerinin, ziyaretçiler yeni bir sayfa istediğinde veya örneğin bir bağlantıyı tıkladığında web sunucusundan bir yanıt istemesi gerekmediği anlamına gelir.

İnternet protokollerinin çalışma şeklinden dolayı, ağ üzerinden geçen her yanıt için minimum bir süre vardır, ancak bir servis çalışanı kullanıldığında, servis çalışanı komut dosyası sayfaya sunucudan hizmet vereceği için bazen bu adım atlanabilir. sonraki konuda açıklanacak olan yerel önbellek.

Örneğin, Housing.com, aşamalı web uygulaması ve hizmet çalışanı komut dosyasını uyguladığından ve Hindistan merkezli olduğundan bu yana %30 daha hızlı sayfa yüklemeleri gördü. dolayısıyla oldukça önemlidir.

Diğer bir örnek, ziyaretçilerinin %60'ından fazlasının yavaş 2G ağlarından göz attığı ve bu nedenle sayfayı yükleme süresini kısaltarak yalnızca dönüşüm ve hemen çıkma oranlarını önemli ölçüde artırmakla kalmayıp, aynı zamanda ziyaretçilerinin %60'ından fazlasının ziyaret ettiği önde gelen Nijeryalı bir e-ticaret perakendecisi olan Konga'dır. eşit derecede önemli, rekabetlerini derin bir uykuya gönderdiler.

Sayfa boyutunu küçült

Yukarıdaki noktalarla yakın ilişki içinde çalışmak, bir hizmet çalışanı kullanmak kuşkusuz web sitelerinin sayfa boyutunu küçültecek ve dolayısıyla hemen çıkma oranlarını azaltacaktır.

Bu tür iyileştirmeleri görmemizin nedeni, servis görevlisinin web sitesinin kopyalarını ziyaretçilerin telefonlarına ve tabletlerine kaydetmesidir. Bu, bir servis çalışanının kurulu olduğu ve önbelleği otomatik olarak yüklemek üzere ayarlanmış bir web sitesinin ana sayfasını ziyaret ettikten sonra İnternet'i kullanmak zorunda kalmayacakları anlamına gelir.

Servis çalışanının daha önce ziyaret edilen sayfaları kaydetmesine izin vermek de mümkündür, ancak önbelleğin indirilmesi kullanıcı tarafından hiçbir şekilde görülmediğinden, kullanıcının her şeyi indirmesine izin vermek mantıklıdır.

Şimdilik, bazı işletmeler bir servis çalışanı yüklendiğinde sayfa boyutlarının %90'a kadar küçüldüğünü bildiriyor.

Çevrimdışı işlevsellik

Kullanıcıların sayfalara göz atmak ve içerik yüklemek için internet erişimine ihtiyaç duymadan mükemmel bir şekilde çalışacak bir servis çalışanı ile bir web sitesi geliştirmek mümkündür. Birkaç gereksinim vardır, ancak bir kez karşılandığında, hizmet çalışanı çevrimdışı ve çevrimiçi deneyimler arasında sorunsuz bir entegrasyona izin verir ve mevcut web sitelerine ek olarak oyunun kurallarını değiştiren bir ek olduğu düşünülmektedir.

Her web sitesi tam bir çevrimdışı deneyime ihtiyaç duymasa da, Opera'nın yaptığı gibi yalnızca çevrimdışı bir ekran eklemek, göz atarken internet erişimini kaybederken kullanıcıların sayfada kalma şansını artıracaktır.

Varsayılan tarayıcılardaki çevrimdışı mesajı, Opera'nın aşağıda oluşturduğu özelleştirilmiş çevrimdışı mesajla karşılaştırın ve farkı hissedin:

Opera'nın çevrimdışı web sitesi işlevi

Opera Aşamalı Web Uygulaması Çevrimdışı Sayfası

Chrome'da varsayılan çevrimdışı sayfa

Varsayılan Chrome çevrimdışı hata mesajı

Belirli donanım aygıtına erişim

Tıpkı mobil uygulamalarda olduğu gibi, servis çalışanları ile bağlantılı olarak progresif web uygulamalarının mobil kamera, ivmeölçer ve diğer ortak işlevler gibi donanım cihazlarına API çağrıları yapması mümkündür. Şimdiye kadar, parmak izi tanıma ve benzeri yeni ve karmaşık işlevler gibi gelişmiş özellikler için destek yok, ancak bu muhtemelen sadece bir zaman meselesi.

Mobil uygulama geliştirme her zaman belirli işletme ve ürün türleriyle alakalı kalacak olsa da, bugün, web sitelerinin sunduğu kullanım ve kurulum kolaylığı ile bir mobil uygulama deneyimi sunan bir dizi ilerici web uygulaması zaten var.

Ancak, teknolojinin kendisinin yazıldığı sırada (2015'in sonlarında geliştirildi) yaklaşık bir yaşında olduğu ve her küçük işletme sahibinin parçası olmak isteyeceği en yeni teknoloji haline gelmek için birçok fırsatı olduğu göz önüne alındığında.

Push bildirimleri

Bu donanım özelliklerinden biri, Anında Bildirimler ve web sitesi sahiplerinin mobil kullanıcıların en son içeriklerini bilmelerini sağlamasıdır. İşletmeler için, müşterilerinin bildirim özet akışına erişmek, işletmeler için büyük bir nimet olabilir.

E-posta haber bültenlerinden farklı olarak, insanlar push bildirimlerini doğrudan telefonlarında açmaya ve tıklamaya eğilimlidir ve kullanıcılar hangi uygulamaların pazarlama ve reklam içeriğini zorladığını öğrenecekleri için bu eğilim zamanla değişse de, şimdilik oldukça etkilidir.

Şimdiye kadar, bir Afrika e-ticaret sitesi olan Jumia, ilerici web uygulamaları ve anında iletme bildirimleriyle büyük başarılar elde etti. Kullanıcılara, terk edilmiş sepetlerinde bulunanları satın almak isteyip istemediklerini soran geleneksel e-posta yollarına kıyasla, terk edilmiş alışveriş sepetleri için 9 kat daha iyi dönüşüm oranları rapor ediyorlar. Jumia ayrıca, oldukça etkileyici olduğu söylenmesi gereken push bildirimleri için %38'lik bir açık oran gördü.

Ana Ekrana Ekle

Bu, listemizdeki son, ama en az değil. Favori web sitelerinizi telefonunuzun yer imlerine eklemek ve cihazınızda bir simgeye sahip olmak yeni bir şey değil, ancak aşamalı web uygulamalarında , kullanıcıya artık tarayıcı tarafından PWA'yı ana ekranına eklemek isteyip istemediği sorulacak . Bu, web sitesindeki bazı süslü açılır pencereler tarafından değil, tarayıcının kendisi tarafından yapıldığından, insanlar bu özellikle harika sonuçlar bildiriyorlar.

add_to_home_screen aşamalı web uygulaması istemi

Telefonunuzdan Chrome veya Opera ile The Washington Post'u ziyaret ettiğinizde bu şekilde görünür.

FlipKart, uygulamayı ana ekran üzerinden açan kullanıcılarından gelen dönüşüm oranlarında %70'lik bir artış gördü; bu, uygulamayı yükleyen kullanıcıların söz konusu web sitesini satın almaya ve siteyle etkileşime geçmeye istekli sadık müşteriler olduğu söylenebilir.

Çözüm

Dışarıdaki her web tarayıcısı henüz ilerici web uygulamalarını ve hizmet çalışanlarını desteklemedi, ancak bu belki de sadece bir zaman meselesi. Internet Explorer'lı Microsoft, teknolojinin gelecekteki uygulamalarında oldukça belirsizdi, belki de bunun sadece kısa süreli bir trend olup olmadığını veya bildiğimiz gibi web'de devrim yaratıp yaratmayacağını görmek için bekliyordu.

Safari'li Apple, servis çalışanları uyumluluğunu 5 yıllık yol haritasına ekledi, bu nedenle bunun gerçekleşmesi için hala biraz zaman var, ancak hizmetin olumlu etkisini gördüklerinde bu teknolojiyi listenin en üstüne koyabilirler. işçiler var.