Progresif Web Uygulamaları (PWA), tek bir kod tabanıyla herhangi bir cihazdaki tüm web kullanıcılarına erişirken gelişmiş özellikler sunmak için modern API'lerle oluşturulan ve geliştirilen web uygulamalarıdır. Kullanıcı deneyimini iyileştirmek için web uygulamalarının geniş erişimini platforma özel uygulamaların zengin özellikleriyle birleştirir.
PWA tasarımının üç dayanağı
Platforma özel bir uygulama kadar iyi kullanılabilen bir PWA oluşturmak için uygulamanızı yetenekli, güvenilir ve yüklenebilecek şekilde tasarlamanız gerekir.
Yeterli
Web uygulamaları artık hiç olmadığı kadar güçlü ve bu güç her geçen gün artıyor. Web yazılımları, son zamanlarda yalnızca platforma özel uygulamalarda kullanılabilen özellikleri geliştirmeye başladı. Örneğin, artık WebRTC, coğrafi konum ve push bildirimleri kullanarak son derece yerel bir görüntülü sohbet uygulaması oluşturabilir, ardından bu uygulamayı yüklenebilir hale getirebilir ve sohbetleri sanal gerçekliğe taşımak için WebGL ile WebVR'yi kullanabilirsiniz. WebAssembly'in kullanıma sunulması, geliştiricilerin C, C++ ve Rust gibi diğer ekosistemlerden yararlanmasına ve on yıllar boyunca platforma özgü olan özellikleri web'e getirmesine olanak tanır. Web'in yeni özelliklerinden yararlanan geliştiricilere örnek olarak web tabanlı bir resim sıkıştırıcı olan Squoosh.app verilebilir.
Bazı özellikler web'in kapsamı dışında olsa da yeni ve yakında kullanıma sunulacak API'ler, dosya sistemi erişimi, medya kontrolleri, uygulama rozetleri ve tam pano desteği gibi özelliklerle web'in yapabileceklerini sürekli olarak genişletiyor. Tüm bu özellikler, web'in güvenli, kullanıcı odaklı izin modeli kullanılarak oluşturulur. Bu sayede kullanıcılar güvende kalır ve yeni web sitelerini kullanma konusunda daha az endişe duyarlar.
Güvenilir
Güvenilir bir Progresif Web Uygulaması, ağdan bağımsız olarak hızlı ve güvenilir bir deneyim sunar. Kullanıcılar, etkileşime hızlı yanıt veren uygulamalara ve güvenebilecekleri bir deneyime sahip olmayı hak ediyor.
Hız, kullanıcıların deneyiminizi kullanması için çok önemlidir. Hatta sayfa yüklenme süresi bir saniyeden 10 saniyeye çıkarsa kullanıcının siteden hemen çıkma olasılığı %123 artar.
Performans sorunları yalnızca onload
etkinliğini değil, kullanıcı deneyiminin tamamını etkiler. Güvenilir bir deneyim, kullanıcıların uygulamayla etkileşimlerinin kaydedilip kaydedilmediğini merak etmesine asla yol açmaz. Kaydırma ve animasyon sorunsuz olmalıdır. Kullanıcıların, uygulamanızın gerçekten iyi performans göstermesi kadar iyi performans gösterdiğini de algılaması gerekir.
Güvenilir uygulamaların, ağ bağlantısından bağımsız olarak da kullanılabilir olması gerekir. Kullanıcılar, uygulamaların yavaş veya kararsız ağ bağlantılarında ve hatta çevrimdışıyken bile hızlı bir şekilde yüklenmesini bekler. Uygulama, sunucunuza istek gönderme konusunda sorun yaşıyor olsa bile etkileşimde bulundukları en son içeriklerin (ör. medya parçaları, biletler ve seyahat planları) kullanılabilir durumda olmasını bekler. Bir istek mümkün olmadığında, uygulamanın sessizce başarısız olup kilitlenmek yerine sorun olduğunu onlara bildirmesini beklerler.
Yüklenebilir
PWA'nızı yüklenebilir hale getirmek, tarayıcıdan bağımsız bir pencereye taşır ve kullanıcıların bu uygulamayla ilgili düşüncelerini ve etkileşim biçimlerini değiştirir. Yüklenen PWA'lar kullanıcının ana ekranından, dock'undan, görev çubuğundan veya rafından başlatılabilir. Kullanıcı, uygulamayı cihazda arayabilir ve uygulama değiştiriciyle uygulamalar arasında geçiş yapabilir. Böylece, uygulamanın yüklü olduğu cihazın bir parçası gibi hissedebilir.
PWA'lar, genellikle tarayıcıda ayrılmış olan klavye kısayolları da dahil olmak üzere yeni özellikler sunar. PWA'lar, diğer uygulamalardan içerik kabul etmek veya belirli dosya türlerini işlemek için varsayılan uygulama olmak üzere de kaydedilebilir.
PWA'lardan sonuç alma
PWA'yı kullanıma sunmak yalnızca kullanıcı deneyimini iyileştirmekle kalmaz. Ayrıca metriklerinizi iyileştirir ve hizmetinizden elde ettiğiniz değeri artırır. Bazı belirgin örnekler şunlardır:
- Twitter'ın PWA'sı, oturum başına sayfa sayısında% 65, Tweet sayısında% 75 ve hemen çıkma oranında% 20 artış sağladı. Tüm bunlara ek olarak uygulamanın boyutunu %97'den fazla azalttı.
- Nikkei, PWA'ya geçiş yaptıktan sonra organik trafiği 2, 3 kat, abonelikleri% 58 ve günlük etkin kullanıcı sayısını% 49 artırdı.
- Hulu, platforma özel masaüstü deneyimini bir PWA ile değiştirdi ve geri gelen ziyaretlerde% 27 artış elde etti.
PWA'ların avantajları hakkında daha fazla bilgi için Progresif web uygulamaları işletme başarısını nasıl artırabilir? başlıklı makaleyi inceleyin.