Masaüstü Aşamalı Web Uygulamaları: Büyük Bir Atılım

Yayınlanan: 2019-09-10

İçindekiler

Progresif Web Uygulamaları (PWA'lar) denilince akla ilk gelen şey mobil uygulamalardır, çünkü durum her zaman böyle olmuştur.

 Önerilen okuma: Aşamalı Web Uygulaması Nedir?

Ancak, zaman değiştikçe, PWA girişimleriyle Chrome gibi büyük tarayıcılar artık Masaüstü pazarına giriyor ve PWA'ların görünüşte sınırsız potansiyelini daha da genişletiyor.

Chrome 70'ten itibaren, kullanıcılar artık Windows ve Linux'ta Masaüstü Aşamalı Web Uygulamaları yükleyebilir. Yüklendikten sonra Başlat menüsünden başlatılırlar ve bir adres çubuğu veya sekmesi olmadan diğer tüm yüklü uygulamalar gibi çalışırlar.

Bu gönderiyi Instagram'da görüntüle

Yerel uygulamalardan neredeyse ayırt edilemez olan Aşamalı Web Uygulaması (PWA), uygulama benzeri özellikleriyle Web'in geleceğidir; bunlardan biri, web deneyiminde potansiyel olarak devrim yaratabilecek yükleme (Ana ekrana PWA ekleme) yeteneğidir. ?SimiCart ile bugün bir PWA oluşturun. . . #pwa #simipwa #app #nativeapp #websitedesign #web #google #chromedevsummit #chromedevsummit2019

SimiCart (@simicart.official) tarafından paylaşılan bir gönderi

Ve bununla da kalmıyor . Hibrit bir PWA Microsoft Store'un temeli adım adım ortaya konmaktadır: Microsoft Store'da Aşamalı Web Uygulamaları artık yerel Windows uygulamasıyla aynıdır, böylece erişimini yaklaşık 700 milyonluk tüm Windows 10 yükleme tabanına genişletir. aktif aylık kullanıcılar.

Masaüstü PWA'larını ve Neden Bu Kadar Önemli Olduğunu Anlama

Aşamalı Web Uygulamalarının tüm avantajlarına ve daha fazlasına sahip olan Masaüstü Aşamalı Web Uygulaması , masaüstü uygulaması geliştirmede istikrarlı bir şekilde trend haline geliyor.

 Önerilen okuma: İlhamınız için 12 Aşamalı Web Uygulaması Örneği

Desktop PWA'yı kısaca anlamak için, Desktop PWA'nın, web bileşenlerini kullanarak çalışan bir çevrimiçi belge veya bir Google dokümanı gibi olduğunu düşünebilirsiniz. Yerel masaüstü uygulamaları ise Microsoft Word gibidir: iyidirler, biraz boyutları vardır ve sorunsuz çalışacak şekilde tasarlanmıştır. Desktop PWA'nın şu anda popüler olmasının nedeni, Desktop PWA'nın çok daha ilgi çekici bir deneyimle yerel bir masaüstü uygulamasının işini hemen hemen yapabilmesi ve sabit diskinizde çok az yer kaplaması veya hiç yer kaplamamasıdır.

Özetle, Masaüstü PWA'ları şunlardır:

  • Hızlı – PWA anında, duyarlı ve genel olarak keyifli bir deneyim sunar
  • Yüklenebilir – PWA, diğer yerel uygulamalar gibi yüklenebilir ve bir tarayıcı gerektirmeden masaüstünüzde veya ana ekranınızda gösterilebilir. PWA kurulumları her zaman anında ve paket boyutunda küçüktür.
  • Etkileşim – PWA, yüksek kaliteli UX & UI için en iyi kılavuzu benimser ve aynı zamanda ağ durumu veya cihaz kapasitesinden bağımsız olarak çalışabilir.

Desktop PWA'nın en belirgin örneği Twitter Lite'dır . Mobil kullanıcılar göz önünde bulundurularak yapılmış olmasına rağmen, Twitter masaüstü kullanıcı etkileşimlerinde olağanüstü bir büyüme yaşadı.

Oturum başına sayfa sayısında %65 artış

Gönderilen Tweetlerde %75 artış

Hemen çıkma oranında %20 azalma

PWA hareketinin ilk aşamasını belirleyen ilk atış kesinlikle Twitter tarafından yapıldı. Bunu Spotify ve Pinterest gibi hızlı ve olağanüstü ürün kalitesine sahip etkili markalar takip ediyor:

Masaüstü Spotify ve Pinterest PWA

Kaçırdıysanız, burada Spotify PWA'nın kapsamlı bir incelemesini sunuyoruz. Diğerlerinin üzerinde öne çıkan Spotify PWA, bir müzik çaların olması gerektiği gibi, kullanıcı deneyimini büyük ölçüde değiştiren, onu daha kişiselleştirilmiş ve kullanıcının ihtiyaçlarına göre uyarlanabilir hale getiren bir yenilemeyle birlikte gelir.

Spotify PWA'nın uyarlanabilir arka plan renkleri

Pinterest de temel iş metriklerinde birkaç olumlu gelişme yaşadı.

Eski mobil web deneyimine kıyasla harcanan süre %40 , kullanıcı tarafından oluşturulan reklam geliri %44 ve temel etkileşimler %60 arttı

Yeni mobil web deneyimleri, daha önceki bir web sitesinin monolitine bir adımdır.

Çekirdek paketlerinin boyutunu 650 KB'den 150 KB'ye indirerek yalnızca JavaScript'lerini parçalayıp yüzlerce KB'yi azaltmakla kalmadılar, aynı zamanda temel performans ölçümlerini de geliştirdiler. İlk Anlamlı Boya 4,2 saniyeden 1,8 saniyeye düşürüldü ve Etkileşim Süresi 23 saniyeden 5,6 saniyeye düşürüldü.

Pinterest PWA'nın belirli bir vaka çalışmasıyla ilgilenen okuyucular için şu makaleyi şiddetle tavsiye ediyoruz: Pinterest Progressive Web App Performance Case Study.

Pinterest PWA istatistikleri
Kaynak: PWAstats

Aşamalı Web Uygulamaları Masaüstüne Nasıl Yüklenir

Bir Masaüstü Aşamalı Web Uygulaması yükleme işlemi oldukça basit ve akıcıdır. En önemli adımınız yalnızca uygulamanızın doğru PWA adresini bulmaktır.

Bugünkü öğreticimizde Twitter'ı bir Masaüstü PWA örneği olarak kullanacağız:

1. Adım : Google Chrome sürüm 70 ve üzerini kullanarak https://mobile.twitter.com/home adresine gidin

Adım 2 : Adres çubuğunun sağ ucunda (+) düğmesi olup olmadığını kontrol edin

Twitter PWA yükleme uygulaması açılır penceresi

veya açılır menüde “ Twitter Yükle ” seçeneği varsa

Twitter PWA yükleme seçeneği

Adım 3 : Kur'a tıklayın ve işlem anında bitecektir.

Adım 4 : Yeni kurulan PWA'nızı masaüstünüzden başlatın .

masaüstü-twitter-simgesi
Masaüstü Twitter simgesi

Masaüstünde Aşamalı Web Uygulamaları nasıl kaldırılır

İlgisiz kullanıcılar için Masaüstü PWA simgesini silmek, PWA'yı kaldırmanın kabul edilebilir bir yoludur. Ancak, PWA'ları kaldırmanın daha kesin bir yolunu arayan kullanıcılar için aşağıdaki adımlar önerilir:

Adım 1 : Masaüstü PWA'nızı açın (bu durumda Twitter )

Adım 2 : Açılır menüden “ Twitter Kaldır …” seçeneğini seçin

Twitter PWA Kaldırma seçeneği

3. Adım : Önerilen seçeneği işaretleyin veya işaretini kaldırın ve son olarak “ Kaldır ” ı tıklayın.

Twitter PWA kaldırma açılır penceresi

Ve bu kadar! Twitter PWA'nız artık sadece birkaç basit adımda bilgisayarınızdan kaldırılmıştır.

Son sözler

Masaüstü PWA, web uygulaması etkileşimi ve işlevselliğinde inkar edilemez bir sonraki devrim niteliğindeki adımdır. Rakiplerinizin önüne geçebilmek için şirketlerin PWA hareketini şimdi benimsemesi ve web/uygulama geliştirmedeki değişen trende karşı tetikte olması gerekiyor .

Her yönüyle mükemmel bir Magento Progressive Web Uygulaması çözümü arayan çevrimiçi tüccarlar için, burada SimiCart'ta size ve mağazanız için eksiksiz bir paket sunuyoruz.

SIMICART İLE PWA OLUŞTURUN