Jeśli spojrzysz na kilka ostatnich lat ruchu związanego z analityką witryn internetowych, najprawdopodobniej uznasz, że wszystkie mają jedną wspólną cechę - wzrost liczby użytkowników, którzy uzyskują od użytkowników urządzeń mobilnych.
Globalnie obecnie ruch internetowy pochodzi z urządzeń mobilnych, a nie z tego, co uznalibyśmy za "tradycyjne urządzenia", co w zasadzie oznacza komputery stacjonarne lub laptopy. Nie ma wątpliwości, że komputery przenośne zmieniły sposób, w jaki ludzie konsumują treści online, co oznacza, że zmieniło sposób, w jaki musimy budować witryny dla tych coraz bardziej mobilnych użytkowników.
Budowanie dla odbiorców mobilnych
Tworzenie "przyjaznych dla urządzeń mobilnych stron internetowych" było priorytetem dla profesjonalistów internetowych przez wiele lat. Praktyki, takie jak responsywny projekt stron internetowych, mający na celu pomoc w tworzeniu stron, które dobrze sprawdziły się na wszystkich urządzeniach, a koncentracja na wydajności witryny i szybkim czasie pobierania jest korzystna dla wszystkich użytkowników, użytkowników mobilnych lub innych. Innym podejściem do witryn przyjaznych dla urządzeń mobilnych jest tworzenie stron internetowych AMP, czyli Accelerated Mobile Pages.
Projekt ten, wspierany przez Google, powstał jako otwarty standard, który umożliwia wydawcom witryn tworzenie stron, które szybciej ładują się na urządzeniach mobilnych. Jeśli uważasz, że to brzmi jak responsywny projekt strony internetowej, nie mylisz się. Te dwie koncepcje mają ze sobą wiele wspólnego, a mianowicie, że obie koncentrują się na dostarczaniu treści użytkownikom na urządzeniach mobilnych. Istnieje jednak kilka różnic między tymi dwoma podejściami.
Najważniejsze różnice między AMP a elastycznym projektowaniem stron internetowych
Jednym z atutów responsywnego projektowania stron internetowych zawsze była elastyczność, którą dodaje do witryny. Możesz utworzyć jedną stronę, która automatycznie reaguje na rozmiar ekranu odwiedzającego. Zapewnia to zasięg Twojej strony i możliwość wyświetlania dobrych wyników w szerokim zakresie urządzeń i rozmiarów ekranu, od telefonów komórkowych, przez tablety, laptopy, komputery stacjonarne i nie tylko. Responsywne projektowanie stron internetowych skupia się na wszystko urządzenia i wrażenia użytkownika, nie tylko mobilne. W przypadku niektórych jest to zarówno dobre, jak i złe.
Elastyczność w witrynie jest świetna, ale jeśli naprawdę chcesz skupić się na urządzeniach mobilnych, stworzenie witryny skupiającej się na wszystkich ekranach, a nie wyłącznie na urządzeniach mobilnych, można elastycznie handlować w celu uzyskania całkowicie zoptymalizowanej wydajności mobilnej. Taka jest teoria stojąca za AMP.
AMP koncentruje się wyłącznie na prędkości - mianowicie prędkości mobilnej. Według Malte Ubl, Google Tech Leada dla tego projektu, AMP ma na celu "natychmiastowe renderowanie treści internetowych". Niektóre z tych sposobów obejmują:
- Powolne ładowanie
- Korzystanie z preconnect
- Prefetching resources
- Async Javascript
- Wewnętrzne arkusze stylów
- Brak czcionek do pobrania
- Priorytety zasobów
To tylko niektóre z zasad, które sprawiają, że AMP ładuje się tak szybko. Istnieją jednak również niektóre pozycje na tej liście, które mogą powodować, że profesjonaliści od długiego czasu się boją. Na przykład arkusze stylów typu Inline. Wielu z nas słyszało od lat, że wszystkie style powinny być zawarte w zewnętrznych arkuszach stylów. Możliwość stylizowania wielu stron witryny z jednego arkusza zewnętrznego jest jednym z atutów CSS - siła, która jest zanegowana, jeśli strony używają stylów wbudowanych. Tak, nie musisz pobierać pliku zewnętrznego, ale kosztem zarządzania całą witryną za pomocą pojedynczego arkusza stylów. Więc jakie podejście jest lepsze? W rzeczywistości oba mają swoje zalety i wady. Internet ciągle się zmienia i różni ludzie, którzy odwiedzają Twoją witrynę, mają inne potrzeby. Bardzo trudno jest ustanowić zasady, które będą miały zastosowanie we wszystkich przypadkach, ponieważ różne podejścia mają sens w różnych sytuacjach. Kluczem jest zbadanie korzyści i wad każdego podejścia, aby ustalić, który z nich jest najlepszy w danym przypadku.
Inną kluczową różnicą między AMP i RWD jest fakt, że responsywny projekt rzadko jest "dodawany" do istniejącej strony. Ponieważ RWD to naprawdę gruntowne przemyślenie architektury i doświadczenia strony, zazwyczaj wymaga ona przeprojektowania i przebudowania strony w celu uwzględnienia stylów reagowania. AMP można jednak dodać do istniejącej strony. W rzeczywistości może nawet zostać dodany do istniejącej strony responsywnej.
Rozważania w JavaScript
W przeciwieństwie do witryn z RWD witryny AMP nie radzą sobie dobrze z Javascriptem. Obejmuje to 3r & D strony skryptów i bibliotek, które są bardzo popularne w dzisiejszych witrynach. Te biblioteki mogą dodawać niesamowitą funkcjonalność do witryny, ale mają również wpływ na wydajność. Jako takie, ma się rozumieć, że podejście skoncentrowane na szybkości strony pozwoli uniknąć plików JavaScript. Z tego powodu AMP jest często najlepiej używany na statycznych stronach internetowych w przeciwieństwie do dynamicznych lub wymagających określonych efektów Javascript z tego czy innego powodu. Na przykład galeria witryn korzystająca z stylu "lightbox" nie będzie doskonałym kandydatem do AMP. Z drugiej strony, standardowy artykuł na stronie internetowej lub komunikat prasowy, który nie wymaga żadnej funkcjonalności, byłby świetną stroną do dostarczenia z AMP. Ta strona może być czytana przez osoby korzystające z urządzeń mobilnych, które mogły zobaczyć link w mediach społecznościowych lub przez mobilne wyszukiwanie Google. Możliwość błyskawicznego dostarczania tych treści, gdy ich zażądają, zamiast spowalniać prędkość pobierania, gdy niepotrzebny Javascript i inne zasoby są ładowane, zapewnia doskonałą obsługę klienta.
Wybór właściwego rozwiązania
Więc która opcja jest dla Ciebie odpowiednia - AMP lub RWD? Oczywiście zależy to od twoich konkretnych potrzeb, ale nie musisz wybierać jednego lub drugiego. Jeśli chcemy mieć mądrzejsze (i bardziej skuteczne) strategie internetowe, oznacza to, że musimy rozważyć wszystkie narzędzia, którymi dysponujemy i dowiedzieć się, jak będą ze sobą współpracować. Być może oznacza to, że witryna jest responsywna, ale za pomocą AMP na wybranych sekcjach lub stronach, które najlepiej pasują do tego stylu. Może to również oznaczać branie pod uwagę różnych podejść i łączenie ich w celu tworzenia rozwiązań hybrydowych, które spełniają bardzo konkretne potrzeby i które dostarczają odwiedzającym tej stronie najlepsze z obu światów.
