Progresywne aplikacje internetowe: przyszłość tworzenia stron internetowych?

Opublikowany: 2016-10-17

Progresywne aplikacje internetowe i Service Workery to stosunkowo nowe koncepcje i podstawowe elementy tego, co obecnie zakłóca obecny ekosystem witryn internetowych i aplikacji mobilnych. Zaobserwowaliśmy duży wzrost współczynników konwersji i spadki współczynników odrzuceń, ponieważ ta technologia jest wspierana przez nikogo innego jak Google. Przeczytaj więcej o usługach Service Worker i progresywnych aplikacjach internetowych oraz o tym, czym różnią się one od aplikacji mobilnych i tradycyjnych witryn internetowych.

Service worker , czasami nazywany również po prostu „SW”, jest zakodowany jako niezależny skrypt, który działa obok tradycyjnych stron internetowych i skryptów, ale ma nowe, ekscytujące funkcje w porównaniu ze zwykłymi skryptami JavaScript, które można znaleźć na stronach internetowych w całym Internecie.

Funkcjonalność offline, powiadomienia push, pełne buforowanie oraz dodana możliwość łączenia się ze sprzętowym API smartfonów i innych urządzeń są ograniczone jedynie pomysłowością programisty i kreatywnością projektanta. Chociaż istnieje wiele zalet jednoczesnego korzystania z usług pracownika serwisu z tradycyjnymi technologiami witryn internetowych, zamierzamy spojrzeć na pojawiający się trend z perspektywy właściciela firmy.

Dlaczego warto korzystać z progresywnych aplikacji internetowych?

  • Popraw szybkość w porównaniu do szybkości stron internetowych i aplikacji mobilnych
  • Zmniejsz rozmiar strony
  • Funkcjonalność offline
  • Dostęp do określonego urządzenia sprzętowego
  • Powiadomienia push
  • Dodaj do ekranu głównego

Powyżej znajduje się lista 6 najczęstszych powodów, dla których właściciele firm wdrażają Service Workery i progresywne aplikacje internetowe w swoich istniejących witrynach internetowych. Podzielmy je i przejdźmy do bardziej szczegółowych informacji na temat każdego z 6 kluczowych punktów.

Popraw szybkość i współczynniki konwersji

Ponieważ pracownicy usług działają między przeglądarką a dostępem do Internetu, oznacza to, że odwiedzający witrynę internetową nie muszą prosić serwera WWW o odpowiedź za każdym razem, gdy odwiedzający żądają nowej strony lub na przykład klikają łącze.

Ze względu na sposób, w jaki działają protokoły internetowe, istnieje minimalna ilość czasu na każdą odpowiedź przechodzącą przez sieć, ale korzystając z programu Service Worker, czasami ten krok można pominąć, ponieważ skrypt Service Worker będzie obsługiwał stronę z lokalna pamięć podręczna, które zostaną opisane w następnym temacie.

Na przykład witryna Housing.com odnotowała o 30% szybsze ładowanie stron od czasu wdrożenia progresywnej aplikacji internetowej i skryptu Service Worker , a jej siedziba znajduje się w Indiach, co daje świetne wyniki, ponieważ większość odwiedzających korzysta z sieci 3G, a każdy wzrost prędkości jest więc bardzo ważne.

Innym przykładem jest Konga, wiodący nigeryjski sprzedawca e-commerce, który ma ponad 60% odwiedzających przeglądających w wolnych sieciach 2G, a tym samym skracając czas ładowania strony, nie tylko znacznie zwiększył współczynniki konwersji i odrzuceń, ale równie ważne, że wprawili swoich konkurentów w głęboki sen.

Zmniejsz rozmiar strony

Pracując w ścisłym związku z powyższymi punktami, korzystanie z service workera niewątpliwie zmniejszy rozmiar każdej strony internetowej, a tym samym zmniejszy współczynniki odrzuceń.

Powodem, dla którego widzimy takie usprawnienia, jest to, że pracownik serwisu zapisuje kopie strony internetowej na telefonach i tabletach odwiedzających. Oznacza to, że nie będą musieli w ogóle korzystać z Internetu po odwiedzeniu strony głównej witryny z zainstalowanym service workerem i skonfigurowanym do automatycznego ładowania pamięci podręcznej.

Możliwe jest również, aby pracownik serwisu zapisywał już odwiedzone strony, ale ponieważ pobieranie pamięci podręcznej nie jest w żaden sposób widoczne dla użytkownika, sensowne jest pozwolenie użytkownikowi na pobranie wszystkiego.

Na razie niektóre firmy zgłaszają, że po zainstalowaniu Service Workera rozmiary stron zostały zmniejszone nawet o 90%.

Funkcjonalność offline

Możliwe jest zbudowanie serwisu z pracownikiem serwisu, który będzie działał idealnie, aby użytkownicy nie musieli mieć dostępu do internetu do przeglądania stron i ładowania treści. Istnieje kilka wymagań, ale po ich spełnieniu pracownik serwisu umożliwia bezproblemową integrację między doświadczeniami offline i online i jest uważany za zmieniający grę dodatek do obecnych witryn internetowych.

Chociaż nie każda witryna wymaga pełnego trybu offline, samo dodanie ekranu offline, tak jak zrobiła to Opera, zwiększy szanse użytkowników pozostających na stronie w przypadku utraty dostępu do Internetu podczas przeglądania.

Porównując wiadomość offline w domyślnych przeglądarkach z dostosowaną poniżej wiadomością offline, którą stworzyła Opera, i poczuj różnicę:

Funkcjonalność witryny internetowej Opery w trybie offline

Strona offline progresywnej aplikacji internetowej Opera

Domyślna strona offline w chrome

Domyślny komunikat o błędzie offline w Chrome

Dostęp do określonego urządzenia sprzętowego

Podobnie jak aplikacje mobilne, progresywne aplikacje internetowe w połączeniu z pracownikami usług mogą wykonywać wywołania API do urządzeń sprzętowych, takich jak kamery mobilne, akcelerometry i inne typowe funkcje. Jak dotąd nie ma obsługi zaawansowanych funkcji, takich jak identyfikacja odcisków palców i podobnych nowych i złożonych funkcji, ale to prawdopodobnie tylko kwestia czasu.

Chociaż tworzenie aplikacji mobilnych zawsze pozostanie odpowiednie dla niektórych rodzajów firm i produktów, istnieje już wiele progresywnych aplikacji internetowych online, które oferują doświadczenie aplikacji mobilnej, z łatwością użytkowania i instalacji, jaką mają do zaoferowania strony internetowe.

Ale biorąc pod uwagę, że sama technologia ma zaledwie około roku w momencie pisania tego tekstu (opracowana pod koniec 2015 r.) i ma wiele możliwości, aby stać się najgorętszą technologią, której każdy właściciel małej firmy chciałby być częścią.

Powiadomienia push

Jedną z tych funkcji sprzętowych są powiadomienia push, które umożliwiają właścicielom witryn informowanie użytkowników mobilnych o ich najnowszych treściach. Dla firm uzyskanie dostępu do kanału powiadomień klienta może być ogromnym dobrodziejstwem dla biznesu.

W przeciwieństwie do biuletynów e-mailowych, ludzie są skłonni do otwierania i klikania powiadomień push bezpośrednio na telefonie i chociaż ten trend może się z czasem zmienić, ponieważ użytkownicy dowiedzą się, które aplikacje promują treści marketingowe i reklamowe, na razie jest to całkiem skuteczne.

Jak dotąd Jumia, afrykańska witryna e-commerce, odniosła wielkie sukcesy dzięki progresywnym aplikacjom internetowym i powiadomieniom push. Zgłaszają 9-krotnie lepsze współczynniki konwersji dla swoich porzuconych koszyków w porównaniu do tradycyjnego sposobu wysyłania e-maili do użytkowników z pytaniem, czy chcieliby kupić to, co mają w porzuconych koszykach. Jumia odnotowała również 38% otwarć dla powiadomień push, co należy uznać za imponujące.

Dodaj do ekranu głównego

To ostatnie na naszej liście, ale nie najmniej. Dodawanie ulubionych stron internetowych do zakładek w telefonie i posiadanie ikony na urządzeniu nie jest niczym nowym, ale dzięki progresywnym aplikacjom internetowym użytkownik zostanie teraz zapytany przez przeglądarkę, czy chce dodać PWA do swojego ekranu głównego. Ponieważ robi to sama przeglądarka, a nie wymyślna nakładka wyskakująca na stronie, ludzie zgłaszają świetne wyniki dzięki tej funkcji.

add_to_home_screen monit progresywnej aplikacji internetowej

Tak to wygląda, gdy odwiedzasz The Washington Post z telefonu z Chrome lub Operą.

FlipKart odnotował 70% wzrost współczynników konwersji wśród użytkowników otwierających aplikację na ekranie głównym, co oznacza, że ​​o użytkownikach, którzy zainstalowali aplikację, można powiedzieć, że są lojalnymi klientami, chętnymi do zakupu i zaangażowania w daną witrynę.

Wniosek

Nie każda przeglądarka internetowa obsługuje jeszcze progresywne aplikacje internetowe i Service Workery , ale być może to tylko kwestia czasu. Microsoft z Internet Explorerem był raczej niejasny w swojej przyszłej implementacji technologii, być może czekając, aby zobaczyć, czy jest to tylko krótkotrwały trend, czy też zrewolucjonizuje sieć, jaką znamy.

Apple z Safari dodało kompatybilność Service Workers do swojej 5-letniej mapy drogowej, więc wciąż zostało na to trochę czasu, chociaż mogą równie dobrze umieścić tę technologię na szczycie listy, gdy zobaczą pozytywny wpływ usługi pracownicy mają.