Accelerated Mobile Pages (AMP) to framework HTML typu open source opracowany przez Google we współpracy z Twitterem. Celem projektu jest uczynienie treści internetowych szybszymi i bardziej przyjaznymi dla użytkowników mobilnych, zapewniając usprawnione i wydajne przeglądanie. AMP osiąga to poprzez renderowanie stron internetowych w uproszczonym, ale wydajnym formacie, skracając czas ładowania i zwiększając zaangażowanie użytkowników.
Geneza i pojawienie się przyspieszonych stron mobilnych
Projekt Accelerated Mobile Pages został po raz pierwszy ogłoszony przez Google w październiku 2015 r. Google nawiązał współpracę z wieloma wydawcami, firmami technologicznymi i platformami, w tym Twitterem, Pinterestem, LinkedIn i WordPress.com, aby stworzyć nowy, szybszy standard dla urządzeń mobilnych zawartość sieci.
Głównym celem było zwalczanie coraz bardziej rozdętego i powolnego korzystania z Internetu dla użytkowników mobilnych. Pomysł polegał na usunięciu niepotrzebnych elementów i nadaniu priorytetu szybkości, a wszystko to bez poświęcania funkcjonalności, której oczekiwali użytkownicy. W lutym 2016 r. AMP został zintegrowany z wynikami wyszukiwania Google na urządzeniach mobilnych, co oznaczało jego oficjalny debiut.
Rozwijanie na przyspieszonych stronach mobilnych
W swej istocie Accelerated Mobile Pages to uproszczona wersja zwykłego kodu HTML. AMP wykorzystuje określony zestaw technologii internetowych do dostarczania stron internetowych, koncentrując się na szybkości i czytelności dla użytkowników mobilnych. Składa się z trzech podstawowych komponentów: AMP HTML, AMP JS (JavaScript) i AMP Cache.
AMP HTML to podzbiór HTML z pewnymi niestandardowymi tagami i właściwościami. Zawiera kilka wbudowanych niestandardowych elementów, które pomagają poprawić wydajność, takich jak amp-img dla obrazów i amp-video dla filmów.
AMP JS zarządza obsługą zasobów i ładowaniem asynchronicznym, mając na celu zapewnienie najszybszego renderowania strony. Pozwala tylko na asynchroniczny JavaScript, zapewniając, że żadne skrypty nie blokują ścieżki renderowania.
AMP Cache, udostępniana przez Google, obsługuje buforowane strony HTML AMP. Cache posiada wbudowany system walidacji, który sprawdza, czy strona spełnia kryteria AMP, co zapewnia niezawodność i szybkość.
Wewnętrzne działanie przyspieszonych stron mobilnych
Przyspieszone strony mobilne korzystają z usprawnionej struktury HTML i ograniczają określone elementy HTML, CSS i JavaScript, które często odpowiadają za wolniejsze ładowanie strony. AMP wykorzystuje leniwe ładowanie, które pozwala na załadowanie tylko niezbędnej treści, gdy użytkownik otwiera stronę internetową, poprawiając w ten sposób szybkość dostarczania treści.
W systemie AMP JavaScript jest ograniczony do absolutnego minimum. JavaScript innych firm nie jest dozwolony w niestandardowych elementach AMP, co pomaga zapobiegać blokowaniu renderowania. Zamiast tego treści interaktywne są obsługiwane w niestandardowych elementach AMP. CSS w AMP jest również wbudowany i ograniczony rozmiarem, co skutkuje mniejszą ilością danych do pobrania.
Pamięć podręczna AMP również odgrywa kluczową rolę. Gdy użytkownik żąda strony AMP, jest ona pobierana z pamięci podręcznej Google AMP, co automatycznie poprawia wydajność strony.
Kluczowe cechy przyspieszonych stron mobilnych
-
Szybkość i wydajność: strony AMP ładują się szybciej niż standardowe strony mobilne, zapewniając bezproblemową obsługę.
-
optymalizacja wyszukiwarki: Strony obsługujące AMP są preferowane przez algorytm wyszukiwarki Google, co skutkuje lepszą widocznością na stronach wyników wyszukiwania (SERP).
-
Zaangażowanie i monetyzacja: szybsze ładowanie strony prowadzi do większego zaangażowania użytkowników, niższych współczynników odrzuceń i lepszej widoczności reklam.
-
Analityka: AMP obsługuje szeroką gamę narzędzi analitycznych, sieci reklamowych i technologii, umożliwiając gromadzenie, analizowanie i wykorzystywanie danych użytkowników.
Rodzaje przyspieszonych stron mobilnych
Nie ma różnych „typów” AMP, ale raczej różne implementacje AMP na różnych typach treści i platformach. Oto kilka przykładów:
- Strony internetowe AMP: standardowe witryny internetowe zbudowane w całości w oparciu o technologię AMP HTML zapewniającą szybkość i wydajność.
- Historie AMP: wizualny format opowiadania historii dla otwartej sieci, który można dotknąć, wciągający i wciągający.
- Reklamy AMP: reklamy zbudowane w oparciu o AMP ładują się szybciej, co poprawia wygodę użytkownika i wydajność reklam.
- E-mail AMP: Interaktywne e-maile w czasie rzeczywistym wykorzystujące platformę AMP.
Użycie, problemy i rozwiązania
AMP jest używany głównie przez wydawców wiadomości, witryny e-commerce i platformy reklamowe do zapewniania szybkich i wciągających wrażeń na urządzeniach mobilnych. Jednak AMP był krytykowany za nadmierne uproszczenie stron, ograniczoną funkcjonalność w porównaniu z pełnoprawnymi witrynami internetowymi i zależność od infrastruktury Google.
Aby rozwiązać te problemy, Google stale ulepsza platformę AMP, w tym dodaje więcej komponentów w celu zwiększenia funkcjonalności i zapewnienia lepszej równowagi między szybkością a użytecznością.
Porównanie z podobnymi technologiami
| Funkcja | AMP | Zwykłe strony mobilne | Responsywne projektowanie stron internetowych |
|---|---|---|---|
| Prędkość | Bardzo wysoko | Umiarkowany | Zależy od projektu |
| Korzyści SEO | Wysoki | Niski | Umiarkowany |
| Koncentruje się na urządzeniach mobilnych | Tak | NIE | Tak |
| Interaktywność | Ograniczony | Wysoki | Wysoki |
| Uzależnienie od Google | Wysoki | NIE | NIE |
Przyszłe perspektywy i technologie
Przyszłość AMP zmierza w kierunku większej elastyczności i funkcjonalności, dzięki ciągłym aktualizacjom zapewniającym bogatsze doświadczenia przy jednoczesnym zachowaniu szybkości. Progresywne aplikacje internetowe (PWA), które zapewniają aplikacjom internetowym środowisko przypominające aplikację natywną, coraz częściej integrują AMP w swoich „stronach wejściowych”. Połączenie technologii PWA i AMP obiecuje przyszłość natychmiastowego ładowania i wciągających doświadczeń internetowych.
Serwery AMP i proxy
Do obsługi treści AMP można używać serwerów proxy, takich jak OneProxy. Serwery te mogą buforować strony AMP i dostarczać je użytkownikom, poprawiając czas ładowania i wydajność. Jednak weryfikacja i optymalizacja zapewniana przez pamięć podręczną Google AMP nie będą dostępne, chyba że zostaną specjalnie zaimplementowane.
powiązane linki
Więcej informacji o AMP:
Ten kompleksowy przegląd AMP bada jego pochodzenie, funkcjonalność, zastosowania i przyszłość. Wraz ze wzrostem wykorzystania mobilnego Internetu prawdopodobnie wzrośnie zapotrzebowanie na AMP, który zapewni każdemu szybszą i bardziej przyjazną dla użytkownika sieć.
