Yayınlanma tarihi: 6 Ocak 2020
Progresif web uygulamaları (PWA), tek bir kod tabanıyla herhangi bir cihazdaki herhangi bir web kullanıcısına ulaşırken gelişmiş özellikler sunmak için modern API'lerle oluşturulmuş ve geliştirilmiş web uygulamalarıdır. Kullanıcı deneyimini iyileştirmek için web uygulamalarının geniş erişimini platforma özgü uygulamaların zengin özellikleriyle birleştirirler.
PWA tasarımının üç ayağı
Platforma özel bir uygulama kadar iyi bir kullanıcı deneyimi sunan PWA'lar oluşturmak için bu uygulamaları yetenekli, güvenilir ve yüklenebilir şekilde tasarlamanız gerekir.
Yeterli
Web uygulamaları artık her zamankinden daha yetenekli ve bu yetenekler giderek artıyor. Son zamanlarda, web için yazılımlar, bir zamanlar yalnızca platforma özel uygulamalarda kullanılabilen özellikler geliştirmeye başladı. Örneğin, artık WebRTC, coğrafi konum ve push bildirimlerini kullanarak hiper yerel bir görüntülü sohbet uygulaması oluşturabilir, ardından bu uygulamanın yüklenebilmesini sağlayabilir ve WebGL ile WebVR'yi kullanarak sohbetlerin sanal gerçekliğe taşınmasına izin verebilirsiniz. WebAssembly'nin kullanıma sunulmasıyla geliştiriciler C, C++ ve Rust gibi diğer ekosistemlerden yararlanabilir ve daha önce platforma özgü olan özellikleri web'e taşıyabilir. Geliştiricilerin web'in yeni özelliklerinden yararlanmasına dair harika bir örnek, web tabanlı bir görüntü sıkıştırıcı olan Squoosh.app'tir.
Bazı özellikler web'de henüz kullanılamasa 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 ve kullanıcı odaklı izin modeli kullanılarak geliştirilmiştir. Bu sayede kullanıcılar güvende kalır ve yeni web sitelerini kullanmak daha az korkutucu hale gelir.
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 ve güvenebilecekleri bir deneyim sunan uygulamaları hak eder.
Hız, kullanıcıların deneyiminizi kullanmasını sağlamak için kritik öneme sahiptir. Hatta sayfa yüklenme süreleri bir saniyeden 10 saniyeye çıktığında kullanıcının hemen çıkma olasılığı %123 artar.
Performans sorunları yalnızca onload etkinliğini değil, tüm kullanıcı deneyimini etkiler. Güvenilir bir deneyimde kullanıcılar, uygulamayla etkileşimlerinin kaydedilip kaydedilmediğini merak etmez. Kaydırma ve animasyon sorunsuz olmalıdır. Kullanıcıların, uygulamanızın iyi performans gösterdiğini düşünmesi, uygulamanın gerçekten iyi performans göstermesi kadar önemlidir.
Güvenilir uygulamalar, ağ bağlantısı olup olmamasına bakılmaksızın kullanılabilir olmalıdır. Kullanıcılar, uygulamaların yavaş veya kararsız ağ bağlantılarında, hatta çevrimdışı olduğunda bile hızlı yüklenmesini bekler. Uygulama, sunucunuza istek göndermeyle ilgili sorunlar yaşasa bile, etkileşimde bulundukları en son içeriklerin (ör. medya parçaları veya biletler ve seyahat planları) kullanılabilir olmasını beklerler. İstek mümkün olmadığında uygulamanın sessizce başarısız olması veya kilitlenmesi yerine sorunu bildirmesini beklerler.
Yüklenebilir
PWA'nızı yüklenebilir hale getirmek, onu tarayıcıdan bağımsız bir pencereye taşır ve kullanıcıların PWA ile ilgili düşünce ve etkileşim biçimini 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ı, cihazda bu uygulamaları arayabilir ve uygulama değiştiriciyle uygulamalar arasında geçiş yapabilir. Bu sayede uygulamalar, yüklendikleri cihazın bir parçası gibi görünür.
PWA yüklemek, genellikle tarayıcıda ayrılmış olan klavye kısayolları da dahil olmak üzere yeni özellikleri kullanıma 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'nın kullanıma sunulması yalnızca kullanıcı deneyimini iyileştirmez. Ayrıca metriklerinizi iyileştirir ve hizmetinizden elde ettiğiniz değeri artırır. Öne çıkan bazı örnekler:
- Twitter'ın PWA'sı, uygulamanın boyutunu% 97'den fazla küçültürken oturum başına sayfa sayısında% 65 artış, Tweet sayısında% 75 artış ve hemen çıkma oranında %20 düşüş sağladı.
- Nikkei, PWA'ya geçtikten sonra organik trafikte 2, 3 kat, aboneliklerde% 58 ve günlük etkin kullanıcı sayısında% 49 artış elde etti.
- Hulu, platforma özel masaüstü deneyimini PWA ile değiştirdi ve geri gelen ziyaretlerde% 27 artış elde etti.
PWA kullanmanın avantajları hakkında daha fazla bilgi için Progresif web uygulamaları işletmenizin başarısını nasıl artırabilir? başlıklı makaleyi inceleyin.