Reddit PWA: Jak wiodące media społecznościowe wykorzystują aplikację internetową

Wdrażanie nowych technologii jest nieuniknioną częścią innowacji i rozwoju firm internetowych. Generalnie duże firmy mogą z łatwością korzystać z najnowszych gadżetów, zwiększając satysfakcję klientów i wyróżniając się na tle konkurencji. PWA będzie kolejną wielką rzeczą, przyjętą przez wiele gigantycznych marek, takich jak Reddit PWA, Facebook PWA i Alibaba PWA.

Mając to na uwadze, PWA jest uważane za nowy standard dla nowoczesnych stron internetowych i obiecujący gracz, który zastąpi natywne aplikacje. Jest jednak niezwykle przystępny cenowo dla małych i wschodzących firm. W dzisiejszym studium przypadku zagłębimy się najpierw w Reddit PWA i zobaczymy, jak ta popularna witryna społecznościowa wykorzystuje PWA.

Przegląd Reddita

Reddit został założony w 2005 roku przez Steve'a Huffmana i Alexisa Ohaniana z University of Virginia. Jego nazwa była ulepszeniem odpowiedzi „Przeczytałem to”, gdy inni chcą podzielić się historią.

Jest to ogromna platforma, na której użytkownicy mogą przesyłać posty w ramach różnych typów treści, a mianowicie wiadomości społecznościowych, dyskusji na forum, treści internetowych lub zebranej sieci. Jest to część tego, co sprawia, że ​​Reddit jest popularny, będąc zgromadzonym źródłem dyskusji na temat wiedzy w prawie każdej dziedzinie nauki.

Poza tym Reddit pozwala ludziom zachować anonimowość podczas zadawania jakichkolwiek pytań, zapewniając miejsce na otwarte i ekscytujące doświadczenie przeglądania dowolnej informacji, której pragną ich mózgi.

Posty na Reddicie są określane przez społeczność. Post lub subreddit można przenieść w górę tylko wtedy, gdy użytkownicy przegłosują go na podstawie tego, jak uważają go za przydatny. W ten sposób można ograniczyć spam lub szkodliwe, wprowadzające w błąd informacje.

Ich głównymi odbiorcami docelowymi są studenci studiów wyższych, stypendyści znający się na Internecie i zwolennicy mediów społecznościowych w wieku 18-29 lat. Zajęli 10 miejsce pod względem popularności sieci społecznościowej w USA z prawie 48 milionami aktywnych użytkowników miesięcznie i ponad 430 milionami aktywnych użytkowników miesięcznie na całym świecie.

Jak integracja PWA pomaga markom zwiększać osiągnięcia?

Przyspieszenie doświadczenia użytkownika

Wiele marek przychodzi do PWA, aby przyspieszyć ładowanie swoich aplikacji. Weźmy na przykład przypadek Uber PWA. Wiedząc, że ich klienci (przez większość czasu) korzystają z Ubera w pośpiechu, stworzyli mały, ale potężny PWA Uber, który może ładować się w ciągu 3 sekund, nawet przy połączeniach tak wolnych jak 2G.

Przyspieszenie podróży użytkownika zmniejszy współczynnik odrzuceń, a tym samym zwiększy potencjalny współczynnik konwersji. W dzisiejszych czasach ludzie często uważają, że wolno ładujące się strony oglądają irytujący film, z którego w każdej chwili mogliby zrezygnować.

Walmart stwierdził również, że przy skróceniu tylko o 1 sekundę czasu ładowania, współczynnik konwersji wzrósł już o 2%.

Zwiększ wartość klienta

PWA może nie tylko pomóc poprawić ładowanie pierwszej strony, ale także zapewnia płynne, płynne przejścia między stronami i elementami. Innymi słowy, doświadczenie użytkownika na stronie również będzie przyjemne.

W przypadku sklepów e-commerce i marketplace’ów im dłużej klienci pozostają na stronach, tym lepiej oznacza to, że są zainteresowani oferowanymi produktami. Jednocześnie ci, którzy mają tendencję do zakupów hurtowych, uważają, że droga zakupowa jest łatwa i szybka.

PWA może włączać powiadomienia push w kluczowych momentach, w ten sposób ponownie łącząc się z częstymi użytkownikami w celu zaangażowania, zwiększając wartość dla firm internetowych.

Blur The Online – odległość offline

Dzięki możliwości pracy w trybie offline, PWA pozwala użytkownikom kontynuować niedokończoną podróż online w podróży, przeglądając załadowane strony.

Mogą również wprowadzać zmiany w treści, a wszystko zostanie zapisane w tle w celu najbliższej synchronizacji, gdy połączenie zostanie ponownie nawiązane.

Wszystkie urządzenia działają tak samo

Małe firmy mogą przydzielać budżety na inne niezbędne inwestycje, jednocześnie oszczędzając koszty integracji PWA.

Konieczność zbudowania jednej szybkiej aplikacji tylko dla dowolnego urządzenia może utrzymać stałą wydajność w całej obecności online oraz zmaksymalizować czas i zasoby w celu przyciągnięcia i pozyskania klientów.

W ten sposób rozwijające się firmy mogą skutecznie zwiększać swoje przychody.

Wyzwania Reddita przed integracją z PWA

Reddit zawsze szukał rozwiązania, które zachęciłoby użytkowników do korzystania z aplikacji, zwłaszcza za pośrednictwem komputera stacjonarnego. Szukali sposobu, aby przejście na aplikacje było prawie łatwe.

Dane pokazują, że jedną z głównych wad korzystania z aplikacji jest zbyt duże zużycie pamięci. Natomiast instalacja PWA wymaga mniej niż 1 MB.

Ponadto proces pobierania dla Reddita jest uważany za zabójcę czasu ze względu na jego obszerną ilość. Niektóre wątki Reddit stwierdziły, że zaskakujące jest, że Reddit wcześniej nie pracował nad PWA i optymalizował funkcje.

Wyniki Reddit PWA

O projekcie

Chociaż PWA zachowuje ten sam wygląd i działanie na różnych platformach, każda przeglądarka obsługuje go inaczej. Menu z trzema kropkami ułatwia instalowanie lub odinstalowywanie PWA z Internetu za pomocą przeglądarki Chrome, a nie Microsoft Edge.

Wyskakujące okienka, takie jak „Zainstaluj aplikację na ekranie głównym”, są uważane za przyjazne dla użytkownika i niezbędne, aby goście byli zachęcani do korzystania z aplikacji.

O funkcji

• Szybkość ładowania: wydajnie szybka i płynna
• Przejście między stronami i elementami: płynne i responsywne, błyskawicznie pojawiające się elementy
• Łatwość nawigacji: typowy układ zawartości rozwijanej z efektami najechania po rozwinięciu, znajomy, intuicyjny i łatwy
• Poziom zaangażowania w każdą interakcję: jest ogólnie satysfakcjonujący. Sposób, w jaki logo Reddit wyświetla się, aby zawartość wczytywania się później pojawiła się natychmiast, sprawia, że ​​witryna wygląda, jakby działała szybciej

Jak zbudować PWA jak Reddit?

Wskazówki dotyczące Reddit PWA

Upewnij się, że spełniasz podstawowe wymagania PWA. Powinien zacząć się szybko, ale także pozostać szybki przez całą podróż użytkownika. Reddit PWA pokazuje zawrotną prędkość od pierwszego załadowania, a cała zawartość pojawia się natychmiast podczas przewijania, zapewniając responsywne wrażenia użytkownika.

Wyłącznie w systemie iOS funkcje ponownego zaangażowania, takie jak komunikaty wyskakujące i powiadomienia dotyczące instalacji PWA, nie są obsługiwane przez firmę Apple.

Jeśli chcesz przećwiczyć zaawansowane programowanie w celu uzyskania optymalnej funkcjonalności, wiedz, że aplikacje PWA są budowane na podstawie najlepszych praktyk i nowoczesnych internetowych interfejsów API. Mogą być stosowane do pracy niezależnie lub w połączeniu, w zależności od priorytetów biznesowych i konkretnych wymagań.

Reddit PWA skupił się najpierw na zwiększeniu szybkości, a wszystko inne następuje. To tak, jakby powiedzieć: „Hej, zobacz, jak dobrze działa nasza aplikacja mobilna, wyobraź sobie, co otrzymasz, jeśli pobierzesz aplikację”. Zauważ, że po przewijaniu odwiedzających Reddit umożliwia pompki, aby zachęcić użytkowników do przejścia do aplikacji.

Aby dopasować nowoczesny wygląd Twojej witryny i odblokować pełny potencjał PWA, Google zachęca do nadania priorytetu strategii zwinnej, która polega na uruchamianiu funkcji po funkcji i sprawdzaniu, czy kombinacja działa dla Ciebie.

Ten punkt widzenia pozwala krok po kroku trzymać się reakcji rynku. Analiza śledzonych danych może określić, z jakich funkcji użytkownicy lubią korzystać, a co nie przynosi im wartości.

Te dane wejściowe są niezbędne projektantom stron internetowych i programistom, aby wprowadzić odpowiednie zmiany. Zachowaj proces prób i błędów, aż wykonasz te właściwe, które pomogą Ci zwiększyć dodatkowe pieniądze generowane przez PWA.

Uproszczone wprowadzenie do rozwoju PWA

Konfiguracja

Utwórz katalog aplikacji i wypełnij tutaj podkatalogi js, CSS i images.

Pisanie znaczników dla interfejsu aplikacji

Na tym etapie PWA powinno być w stanie wyświetlać treść bez względu na to, czy JavaScript jest wyłączony, czy nie. W ten sposób użytkownicy nie będą mieli do czynienia z niepokojącą pustą stroną, gdy połączenie zostanie przerwane lub opóźnione.

Zamiast tego wszystkie interakcje powinny być responsywne i poprawnie wyświetlane na wielu różnych ekranach. Wymaga to uwzględnienia orientacji na urządzenia mobilne.

Testowanie aplikacji

Jak tylko coś się dzieje w przeglądarce, możesz to przetestować za pomocą Lighthouse Google, aby zobaczyć, jak dobrze działa zgodnie ze standardami PWA.

Naciśnij F12, aby otworzyć panel programisty Chrome w swojej publicznej witrynie, znajdź kartę audytów i kliknij Lighthouse.

Pracownik serwisu

Będąc stosunkowo niezależnym skryptem internetowym, który działa w tle, niezależnie od interakcji z użytkownikiem, ta potężna zdolność umożliwia PWA przechwytywanie żądań sieciowych, włączanie lokalnego buforowania i nie tylko.

Manifest aplikacji

Manifest aplikacji jest wymagany z pracownikiem serwisu, aby określić, jak będzie wyglądać i zachowywać się PWA na ekranie głównym. Możesz ustawić nazwę, ikonę, kolor motywu i orientację aplikacji.

Zakończyć

Kod jest gotowy do tej fazy, ale musisz przesłać aplikację na serwer sieciowy. Umożliwiłoby to działanie PWA z bezpieczeństwem HTTPS.

Rozwój premium PWA dla e-commerce autorstwa Tigren

Nasza wiedza specjalistyczna

Jako dziesięcioletni profesjonalny dostawca usług Magento, Tigren jest obecnie jedną z najlepszych agencji outsourcingowych na świecie.

Wszystko zaczęło się od małego zespołu świetnie wyszkolonych, umiejętnych i oddanych programistów, którzy dążą do osiągnięcia celów naszych klientów. Do dziś zrealizowaliśmy ponad 1000 projektów dla ponad 800 globalnych małych i średnich firm.

Z siedzibą w Wietnamie mamy nadzieję pomóc jak największej liczbie aspirujących właścicieli firm w światowej klasy projektach e-commerce Magento, na jakie zasługują, ale w rozsądnych i przystępnych cenach, jak to tylko możliwe.

Nasze Usługi

Jesteśmy wyspecjalizowaną agencją Magento, której celem jest dostarczanie rozwiązań zrównoważonego rozwoju dla małych i średnich firm. Z PWA świadczymy 2 usługi premium w następujący sposób:

• Tworzenie niestandardowych progresywnych aplikacji internetowych
• Szablon Premium Tigren PWA

Kluczowe dania na wynos

PWA to właściwa kombinacja aplikacji natywnych i zwykłych stron internetowych, która przynosi prawdziwą wartość użytkownikom końcowym.

Eksperci przewidują, że będzie to kolejna wielka rzecz w cyfrowym świecie, zwłaszcza w e-commerce. Mamy nadzieję, że dzięki zapoznaniu się z tym studium przypadku Reddit PWA dowiesz się, jak wprowadzić innowacje w witrynie, która pomoże Twoim klientom i może stać się jednym z pierwszych użytkowników PWA.