Progresywne aplikacje internetowe na komputery stacjonarne: duży przełom

Opublikowany: 2019-09-10

Spis treści

Kiedy mówimy o Progressive Web Apps (PWA), aplikacje mobilne są pierwszą rzeczą, która przychodzi na myśl, ponieważ zawsze tak było.

 Zalecana literatura: Co to jest progresywna aplikacja internetowa

Jednak wraz ze zmianą czasu, główne przeglądarki, takie jak Chrome, z ich inicjatywami dotyczącymi PWA wkraczają teraz na rynek komputerów stacjonarnych, jeszcze bardziej rozszerzając pozornie nieograniczony potencjał PWA.

Od Chrome 70 i nowszych użytkownicy mogą teraz instalować progresywne aplikacje internetowe na komputery w systemach Windows i Linux. Po zainstalowaniu są uruchamiane z menu Start i działają jak wszystkie inne zainstalowane aplikacje, bez paska adresu i kart.

Zobacz ten post na Instagramie

Będąc prawie nie do odróżnienia od aplikacji natywnych, progresywna aplikacja internetowa (PWA) jest przyszłością sieci z funkcjami podobnymi do aplikacji, z których jedną jest możliwość instalacji (dodawania PWA do ekranu głównego), która może potencjalnie zrewolucjonizować korzystanie z Internetu. ?Zbuduj PWA już dziś z SimiCart. . . #pwa #simipwa #aplikacja #nativeapp #projektowanie stron internetowych #web #google #chromedevsummit #chromedevsummit2019

Post udostępniony przez SimiCart (@simicart.official) on

I na tym się nie kończy . Podstawy hybrydowego PWA Microsoft Store są tworzone krok po kroku: w Microsoft Store progresywne aplikacje internetowe są teraz na równi z natywnymi aplikacjami dla systemu Windows, rozszerzając tym samym ich zasięg na prawie 700 milionów instalacji Windows 10 aktywnych użytkowników miesięcznie.

Zrozumienie PWA na komputery stacjonarne i dlaczego jest to tak ważne

Posiadając wszystkie zalety progresywnych aplikacji internetowych i nie tylko , Desktop Progressive Web App stale staje się trendem w tworzeniu aplikacji komputerowych.

 Zalecana literatura: 12 przykładów progresywnych aplikacji internetowych dla Twojej inspiracji

Aby uzyskać krótkie zrozumienie Desktop PWA, możesz wyobrazić sobie Desktop PWA jak dokument online lub dokument Google , który działa dzięki wykorzystaniu komponentów internetowych. Z drugiej strony natywne aplikacje komputerowe są jak Microsoft Word : są dobre, mają trochę rozmiaru i są zaprojektowane tak, aby działały płynnie. Powodem, dla którego Desktop PWA jest obecnie gorący , jest to, że Desktop PWA może w zasadzie wykonywać pracę natywnej aplikacji komputerowej z o wiele bardziej wciągającym doświadczeniem i zajmuje niewiele miejsca na dysku twardym.

Podsumowując, desktopowe aplikacje PWA to:

  • Szybko – PWA oferuje natychmiastowe, responsywne i ogólnie przyjemne wrażenia
  • Instalowalny – PWA można zainstalować jak każdą inną natywną aplikację i wyświetlać się na pulpicie lub ekranie głównym, zamiast wymagać przeglądarki. Instalacje PWA są zawsze błyskawiczne i niewielkie.
  • Angażowanie – PWA przyjmuje najlepsze wytyczne dotyczące wysokiej jakości UX i UI, jednocześnie będąc w stanie pracować niezależnie od stanu sieci lub możliwości urządzenia.

Najbardziej znanym przykładem Desktop PWA jest Twitter Lite . Pomimo tego, że został stworzony z myślą o użytkownikach mobilnych, Twitter odnotował wyjątkowy wzrost interakcji z użytkownikami komputerów stacjonarnych.

65% wzrost liczby stron na sesję

75% wzrost wysyłanych tweetów

20% spadek współczynnika odrzuceń

Pierwszy strzał oznaczający początkowy etap ruchu PWA z pewnością oddał Twitter. Za nimi plasują się wpływowe marki, takie jak Spotify i Pinterest, z pośpiechem i nie mniej wyjątkową jakością produktów:

Pulpit Spotify i Pinterest PWA

W przypadku, gdybyś to przegapił, mamy tutaj dokładną recenzję Spotify PWA. Wyróżniając się na tle innych, Spotify PWA jest wyposażony w unowocześnienie, które drastycznie zmieniło wrażenia użytkownika, czyniąc go bardziej spersonalizowanym i dostosowanym do potrzeb użytkownika — tak jak powinien być odtwarzacz muzyki.

Adaptacyjne kolory tła Spotify PWA

Pinterest również odnotował kilka pozytywnych ulepszeń w zakresie podstawowych wskaźników biznesowych.

Spędzany czas wzrósł o 40% w porównaniu ze starą wersją internetu mobilnego, przychody z reklam generowanych przez użytkowników wzrosły o 44% , a podstawowe zaangażowanie o 60%

Ich nowe mobilne doświadczenie w Internecie jest krokiem naprzód w stosunku do monolitu wcześniejszej strony internetowej.

Nie tylko podzielili i zmniejszyli setki KB ze swojego JavaScriptu, zmniejszając rozmiar podstawowego pakietu z 650 KB do 150 KB, ale także poprawili kluczowe wskaźniki wydajności. Pierwsza znacząca farba została skrócona z 4,2 do 1,8 s, a czas do interakcji został skrócony z 23 do 5,6 s.

Czytelnikom, którzy są zainteresowani konkretnym studium przypadku Pinterest PWA, gorąco polecamy ten artykuł: Studium przypadku Pinterest Progressive Web App Performance Case Study.

Pinterest PWA statystyki
Źródło: PWAstats

Jak zainstalować progresywne aplikacje internetowe na komputerze?

Proces instalacji aplikacji Desktop Progressive Web App jest dość prosty i usprawniony. Twoim najważniejszym krokiem jest tylko znalezienie prawidłowego adresu PWA Twojej aplikacji.

W naszym dzisiejszym tutorialu użyjemy Twittera jako przykładu Desktop PWA:

Krok 1 : Korzystając z Google Chrome w wersji 70 i nowszych, przejdź do https://mobile.twitter.com/home

Krok 2 : Sprawdź, czy po prawej stronie paska adresu znajduje się przycisk (+)

Wyskakujące okienko instalacji aplikacji PWA na Twitterze

lub jeśli w menu rozwijanym znajduje się opcja „ Zainstaluj Twittera

Opcja instalacji PWA na Twitterze

Krok 3 : Kliknij Zainstaluj , a proces zostanie natychmiast zakończony.

Krok 4 : Uruchom świeżo zainstalowaną aplikację PWA z pulpitu.

pulpit-twitter-ikon
Ikona Twittera na pulpicie

Jak odinstalować progresywne aplikacje internetowe na komputerze?

Dla niezainteresowanych użytkowników usunięcie ikony Desktop PWA jest akceptowalnym sposobem odinstalowania PWA. Jednak dla użytkowników, którzy szukają pewniejszego sposobu odinstalowania aplikacji PWA, zalecane są poniższe kroki:

Krok 1 : Otwórz swoje Desktopowe PWA (w tym przypadku jest to Twitter )

Krok 2 : Wybierz „ Odinstaluj Twitter …” z menu rozwijanego

Opcja odinstalowania aplikacji Twitter PWA

Krok 3 : Zaznacz lub odznacz sugerowaną opcję, a następnie kliknij „ Usuń

Wyskakujące okienko odinstalowujące PWA na Twitterze

I to wszystko! Twoje PWA na Twitterze zostało zakończone i usunięte z komputera w zaledwie kilku prostych krokach.

Uwagi końcowe

Desktop PWA to niezaprzeczalnie kolejny rewolucyjny krok w interakcji i funkcjonalności aplikacji webowych. Aby wyprzedzić konkurencję, firmy muszą już teraz przyjąć ruch PWA i być czujnym na zmieniający się trend w rozwoju aplikacji internetowych.

Sprzedawcom internetowym szukającym wszechstronnego, doskonałego rozwiązania Magento Progressive Web App , tutaj w SimiCart oferujemy kompletny pakiet dla Ciebie i Twojego sklepu.

ZBUDUJ PWA Z SIMICART