Bez wątpienia słyszałeś o nadchodzącej fali internetu mobilnego. Najczęstszą rzeczą, jaką prawdopodobnie słyszałeś, jest to, że mobilny dostęp do sieci szybko rośnie, a około połowa całego ruchu internetowego odbywa się teraz za pośrednictwem telefonu lub tabletu. ZA Luty raport 2018 z Pew Research Center zauważ, że 95% wszystkich Amerykanów posiada telefon komórkowy, podczas gdy udział Amerykanów posiadających smartfony wynosi 77%.
Nie musisz daleko szukać, aby zobaczyć wpływ urządzeń mobilnych. Spójrz na swoje własne zachowanie i zachowanie swojej rodziny. W grudniu 2016 r. comScore podało, że przeciętny Amerykanin powyżej 17 roku życia spędzał na telefonie dwie godziny i 51 minut dziennie (Englais).
Statcounter.com zauważa, że globalny ruch internetowy pochodzi głównie z urządzeń mobilnych przez co najmniej rok (51,95% w lutym 2018).
Chociaż możesz pomyśleć, że nie możesz sobie pozwolić na opracowanie natywnej aplikacji dla użytkowników mobilnych do przechowywania na swoich telefonach, istnieje wspaniała alternatywa dostępna dla wszystkich firm: progresywne aplikacje internetowe. Być może słyszałeś o progresywnych aplikacjach internetowych (PWA) io tym, jak ludzie używają ich do rozwijania swoich firm. W tym artykule dowiesz się nieco więcej o PWA i dlaczego warto pomyśleć o ich zastosowaniu w 2018 roku.
Niektóre definicje
Progresywne aplikacje internetowe (PWA) to zbiór standardów internetowych opracowanych pierwotnie przez Google w celu poprawy wydajności witryn internetowych na urządzeniach mobilnych. Dlatego strony internetowe działają bardziej jak dedykowane aplikacje mobilne, które można znaleźć w Apple App Store lub Google Play.
inny définition deweloperzy dla indyjskiej sieci hoteli Treebo: „PWA to jednostronicowe aplikacje, które są stopniowo ulepszane o funkcje zapewniające bardziej wciągające, natywne wrażenia. »
Trochę to skracając, PWA na urządzeniach mobilnych pozwala czytelnikom i klientom szybko załadować stronę główną Twojej witryny i korzystać z wielu tych samych funkcji na urządzeniu mobilnym, których używałaby aplikacja natywna. Twoja witryna może istnieć poza przeglądarką, nawet jeśli urządzenie nie jest połączone z Internetem.
Inne definicje
Niektóre z kluczowych technicznych części PWA obejmują:
Usługi Pracownicy są kluczową technologią związaną z PWA. Pozwalają one PWA działać poza siecią.
Pliki manifestu zawierać ikonę i nazwę, które łączą aplikację na urządzeniu z Witryna internetowa. Deweloper może również dodać tutaj elementy projektu, aby poprawić wrażenia klienta.
Powiadomienia push komunikować się z użytkownikami (za ich zgodą), więc wracają.
Niektóre powody
Dlaczego więc Twoja witryna miałaby zawierać PWA? To całkiem proste.
Lepsza wydajność - nawet na komputerze stacjonarnym!
Wiesz, że masz ograniczony czas na wygraną gość po raz pierwszy – sześć sekund ładowania, zanim potencjalny klient opuści witrynę i przejdzie do kolejnej witryny w wynikach wyszukiwania. Użytkownicy mobilni są jeszcze bardziej niecierpliwi – połowa potencjalnych użytkowników opuści witrynę, jeśli ładowanie witryny będzie trwało dłużej niż 3 sekundy!
Dobra wiadomość: zmiany, które wprowadzasz w celu stworzenia progresywnej aplikacji internetowej, przyspieszą Twoją witrynę!
Przykład: Indyjska firma hotelarska Treebo skróciła czas ładowania telefonu komórkowego z sześciu do 1,5 sekundy, tworząc PWA. Strona ładuje się teraz na pulpicie w ciągu sekundy! Ich zespół techniczny poinformował, że rankingi wyszukiwania witryny poprawiły się, a miesięczny współczynnik konwersji wzrósł ponad dwukrotnie!
Pojemność offline
Aby to zrobić, PWA nie musi znajdować się w Internecie. Twoi użytkownicy mogą uzyskać dostęp do wszystkich treści aplikacji ze swoich urządzeń lub komputerów.
W rzeczywistości jedną z najprzyjemniejszych rzeczy w PWA jest to, że klient może zapisać witrynę na stronie głównej swojego urządzenia i użyć jej później do zakupu produktu lub uzyskania dodatkowych informacji. .
Na przykład, CNET Tech Today oferuje codzienne podsumowanie nowości technologicznych, które są chlebem powszednim serwisu. Jeśli otworzysz witrynę w przeglądarce Google Chrome na urządzeniu z systemem Android i przewiniesz w dół ekranu, zobaczysz ten komunikat:
Naciśnij Dodaj do ekranu głównego aby pobrać progresywną aplikację internetową Tech Today na swoje urządzenie. Dotknij ikony, aby załadować 10 najważniejszych aktualnych artykułów. Przesuń w lewo, aby przeczytać każdą historię. Dotknij logo CNET, aby otworzyć stronę główną CNET w przeglądarce.
Uwaga : W przeglądarce Firefox witryny z PWA mają ikonę „Dodaj do strony głównej” (znak plusa w małym okienku) bezpośrednio na pasku adresu. Jeśli PWA jest już zainstalowany, logo Androida na pasku adresu przeniesie Cię do PWA.
Jedna rzecz, której Twoja witryna nie potrzebuje: widżety „Pobierz naszą aplikację” zajmują miejsce na Twojej stronie (zazwyczaj są to logo iTunes i Androida, które rozpraszają użytkowników). Jeśli Chrome zauważy, że użytkownik otworzył Twoją witrynę PWA kilka razy w tygodniu, wyświetli monit o dodanie PWA. Aktualizacje są również automatyczne.
Nie potrzeba skomplikowanych języków programowania
Być może zastanawiałeś się nad stworzeniem natywnej aplikacji mobilnej dla swojej firmy, ale okazało się, że tworzenie aplikacji mobilnej to coś innego niż tworzenie aplikacji mobilnej Witryna internetowa. Jeśli współpracujesz z agencją zajmującą się projektowaniem/programowaniem stron internetowych w celu utrzymania witryny, niekoniecznie będzie ona posiadać umiejętności tworzenia aplikacji dla głównych dostawców urządzeń mobilnych.
Aby Twoje oprogramowanie pojawiło się w Apple App Store, twoi programiści muszą zarejestrować się w Apple Developer Network, użyć narzędzia Apple Developer Tool (które działa tylko na komputerach Mac) i znać język Programowanie zatwierdzone przez Apple: Swift lub Objective C.
Programowanie na Androida jest nieco łatwiejsze (nie jest wymagana zgoda programisty), ale zdecydowana większość aplikacji na Androida jest napisana w Javie, co może być trudnym językiem do nauki.
Aby aplikacja pojawiła się w sklepach internetowych Apple lub Android, ukończona aplikacja musi uzyskać zgodę opiekunów danego sklepu.
Natomiast progresywne aplikacje internetowe są tworzone w popularnych językach internetowych: HTML, CSS (Cascading Style Sheets) i JavaScript. Krótko mówiąc, nawet początkujący twórcy stron internetowych mogą tworzyć wysokiej jakości PWA.
W szczególności nie potrzebujesz dużej wiedzy komputerowej, aby wykonać PWA dla swojej witryny WordPress. Jeśli już zmieniłeś formatowanie swojej witryny za pomocą motywu potomnego, możesz również utworzyć plik PWA. W innym artykule omówimy problemy z kodowaniem.
Zwiększ wsparcie gigantów technologicznych
Normy długo stają się standardami. Google po raz pierwszy promowało PWA w 2015 roku.
Chrome przez długi czas był jedyną przeglądarką obsługującą PWA, ale to się wkrótce zmieni. W ostatnich miesiącach:
- Mozilla dodała obsługę PWA w przeglądarce Firefox 58
- Firma Apple niedawno ogłosiła obsługę aplikacji internetowych w systemie iOS
- Microsoft będzie obsługiwał PWA w kolejnej wersji systemu Windows 10, która będzie dostępna w tym roku (2018).
Wykraczając poza innych dostawców systemów operacyjnych, Microsoft powiedział, że „wysokiej jakości” PWA zostaną wkrótce zintegrowane ze sklepem z aplikacjami Windows 10 na telefonach komórkowych i komputerach stacjonarnych.
WordPress i PWA
WordPress nie obsługuje jeszcze w pełni tworzenia progresywnych aplikacji internetowych w aplikacji podstawowej. Zespół Jetpack jest zaangażowany w dodanie funkcjonalności PWA w nadchodzącym roku. Pomaga w tym obsługa JavaScript w WordPressie.
Jetpack „Stopniowo wprowadza funkcje PWA, gdy tylko są gotowe” - mówi programista Dan Walmsley w artykule na blogu WordPress VIP . Programiści mogą dodawać pliki manifestu za pomocą modułu manifestu Jetpack od wersji 5.6.0 i wprowadzili progresywne ładowanie obrazu, co przyspiesza ładowanie witryny, nawet gdy jest na niej dużo obrazów. Strona. Więcej funkcji pojawi się w tym roku.
Kilka wtyczek ma na celu dodanie funkcjonalności PWA, ale nie zostały one zbyt mocno przyjęte.
- Narzędzie do optymalizacji WordPress zapewnia narzędzie robocze i do manifestu.
- Super Progressive Web Apps generuje między innymi manifest i przycisk Dodaj na ekranie głównym.
- Pakiet mobilny WordPress dodaje także funkcje PWA
W jaki sposób zamierzasz używać PWA?
W tym samouczku dowiedziałeś się trochę o progresywnych aplikacjach internetowych i dlaczego warto je dodać Witryna internetowa Twojej firmy:
- Rosnąca fala ruchu urządzeń mobilnych
- Lepsza wydajność Twojej witryny - mobilnej i stacjonarnej
- Dostępność nawet wtedy, gdy urządzenie jest offline
- Wykorzystuje standardowe funkcje internetowe: HTML, CSS i Javascript. Tańsze w budowie
- Zwiększona obsługa przeglądarek i systemów operacyjnych
Może teraz chcesz wiedzieć, jak zrobić PWA na WordPress? Albo pokaż programistom, jak to zrobić? Będzie to temat innego samouczka.
