Accelerated Mobile Pages (AMP) to framework HTML typu open source opracowany przez Google we wsp\u00f3\u0142pracy z Twitterem. Celem projektu jest uczynienie tre\u015bci internetowych szybszymi i bardziej przyjaznymi dla u\u017cytkownik\u00f3w mobilnych, zapewniaj\u0105c usprawnione i wydajne przegl\u0105danie. AMP osi\u0105ga to poprzez renderowanie stron internetowych w uproszczonym, ale wydajnym formacie, skracaj\u0105c czas \u0142adowania i zwi\u0119kszaj\u0105c zaanga\u017cowanie u\u017cytkownik\u00f3w.<\/p>\n
Projekt Accelerated Mobile Pages zosta\u0142 po raz pierwszy og\u0142oszony przez Google w pa\u017adzierniku 2015 r. Google nawi\u0105za\u0142 wsp\u00f3\u0142prac\u0119 z wieloma wydawcami, firmami technologicznymi i platformami, w tym Twitterem, Pinterestem, LinkedIn i WordPress.com, aby stworzy\u0107 nowy, szybszy standard dla urz\u0105dze\u0144 mobilnych zawarto\u015b\u0107 sieci.<\/p>\n
G\u0142\u00f3wnym celem by\u0142o zwalczanie coraz bardziej rozd\u0119tego i powolnego korzystania z Internetu dla u\u017cytkownik\u00f3w mobilnych. Pomys\u0142 polega\u0142 na usuni\u0119ciu niepotrzebnych element\u00f3w i nadaniu priorytetu szybko\u015bci, a wszystko to bez po\u015bwi\u0119cania funkcjonalno\u015bci, kt\u00f3rej oczekiwali u\u017cytkownicy. W lutym 2016 r. AMP zosta\u0142 zintegrowany z wynikami wyszukiwania Google na urz\u0105dzeniach mobilnych, co oznacza\u0142o jego oficjalny debiut.<\/p>\n
W swej istocie Accelerated Mobile Pages to uproszczona wersja zwyk\u0142ego kodu HTML. AMP wykorzystuje okre\u015blony zestaw technologii internetowych do dostarczania stron internetowych, koncentruj\u0105c si\u0119 na szybko\u015bci i czytelno\u015bci dla u\u017cytkownik\u00f3w mobilnych. Sk\u0142ada si\u0119 z trzech podstawowych komponent\u00f3w: AMP HTML, AMP JS (JavaScript) i AMP Cache.<\/p>\n
AMP HTML to podzbi\u00f3r HTML z pewnymi niestandardowymi tagami i w\u0142a\u015bciwo\u015bciami. Zawiera kilka wbudowanych niestandardowych element\u00f3w, kt\u00f3re pomagaj\u0105 poprawi\u0107 wydajno\u015b\u0107, takich jak amp-img dla obraz\u00f3w i amp-video dla film\u00f3w.<\/p>\n
AMP JS zarz\u0105dza obs\u0142ug\u0105 zasob\u00f3w i \u0142adowaniem asynchronicznym, maj\u0105c na celu zapewnienie najszybszego renderowania strony. Pozwala tylko na asynchroniczny JavaScript, zapewniaj\u0105c, \u017ce \u017cadne skrypty nie blokuj\u0105 \u015bcie\u017cki renderowania.<\/p>\n
AMP Cache, udost\u0119pniana przez Google, obs\u0142uguje buforowane strony HTML AMP. Cache posiada wbudowany system walidacji, kt\u00f3ry sprawdza, czy strona spe\u0142nia kryteria AMP, co zapewnia niezawodno\u015b\u0107 i szybko\u015b\u0107.<\/p>\n
Przyspieszone strony mobilne korzystaj\u0105 z usprawnionej struktury HTML i ograniczaj\u0105 okre\u015blone elementy HTML, CSS i JavaScript, kt\u00f3re cz\u0119sto odpowiadaj\u0105 za wolniejsze \u0142adowanie strony. AMP wykorzystuje leniwe \u0142adowanie, kt\u00f3re pozwala na za\u0142adowanie tylko niezb\u0119dnej tre\u015bci, gdy u\u017cytkownik otwiera stron\u0119 internetow\u0105, poprawiaj\u0105c w ten spos\u00f3b szybko\u015b\u0107 dostarczania tre\u015bci.<\/p>\n
W systemie AMP JavaScript jest ograniczony do absolutnego minimum. JavaScript innych firm nie jest dozwolony w niestandardowych elementach AMP, co pomaga zapobiega\u0107 blokowaniu renderowania. Zamiast tego tre\u015bci interaktywne s\u0105 obs\u0142ugiwane w niestandardowych elementach AMP. CSS w AMP jest r\u00f3wnie\u017c wbudowany i ograniczony rozmiarem, co skutkuje mniejsz\u0105 ilo\u015bci\u0105 danych do pobrania.<\/p>\n
Pami\u0119\u0107 podr\u0119czna AMP r\u00f3wnie\u017c odgrywa kluczow\u0105 rol\u0119. Gdy u\u017cytkownik \u017c\u0105da strony AMP, jest ona pobierana z pami\u0119ci podr\u0119cznej Google AMP, co automatycznie poprawia wydajno\u015b\u0107 strony.<\/p>\n
Szybko\u015b\u0107 i wydajno\u015b\u0107<\/strong>: strony AMP \u0142aduj\u0105 si\u0119 szybciej ni\u017c standardowe strony mobilne, zapewniaj\u0105c bezproblemow\u0105 obs\u0142ug\u0119.<\/p>\n<\/li>\n optymalizacja wyszukiwarki<\/strong>: Strony obs\u0142uguj\u0105ce AMP s\u0105 preferowane przez algorytm wyszukiwarki Google, co skutkuje lepsz\u0105 widoczno\u015bci\u0105 na stronach wynik\u00f3w wyszukiwania (SERP).<\/p>\n<\/li>\n Zaanga\u017cowanie i monetyzacja<\/strong>: szybsze \u0142adowanie strony prowadzi do wi\u0119kszego zaanga\u017cowania u\u017cytkownik\u00f3w, ni\u017cszych wsp\u00f3\u0142czynnik\u00f3w odrzuce\u0144 i lepszej widoczno\u015bci reklam.<\/p>\n<\/li>\n Analityka<\/strong>: AMP obs\u0142uguje szerok\u0105 gam\u0119 narz\u0119dzi analitycznych, sieci reklamowych i technologii, umo\u017cliwiaj\u0105c gromadzenie, analizowanie i wykorzystywanie danych u\u017cytkownik\u00f3w.<\/p>\n<\/li>\n<\/ol>\n Nie ma r\u00f3\u017cnych \u201etyp\u00f3w\u201d AMP, ale raczej r\u00f3\u017cne implementacje AMP na r\u00f3\u017cnych typach tre\u015bci i platformach. Oto kilka przyk\u0142ad\u00f3w:<\/p>\n AMP jest u\u017cywany g\u0142\u00f3wnie przez wydawc\u00f3w wiadomo\u015bci, witryny e-commerce i platformy reklamowe do zapewniania szybkich i wci\u0105gaj\u0105cych wra\u017ce\u0144 na urz\u0105dzeniach mobilnych. Jednak AMP by\u0142 krytykowany za nadmierne uproszczenie stron, ograniczon\u0105 funkcjonalno\u015b\u0107 w por\u00f3wnaniu z pe\u0142noprawnymi witrynami internetowymi i zale\u017cno\u015b\u0107 od infrastruktury Google.<\/p>\n Aby rozwi\u0105za\u0107 te problemy, Google stale ulepsza platform\u0119 AMP, w tym dodaje wi\u0119cej komponent\u00f3w w celu zwi\u0119kszenia funkcjonalno\u015bci i zapewnienia lepszej r\u00f3wnowagi mi\u0119dzy szybko\u015bci\u0105 a u\u017cyteczno\u015bci\u0105.<\/p>\nRodzaje przyspieszonych stron mobilnych<\/h2>\n
\n
U\u017cycie, problemy i rozwi\u0105zania<\/h2>\n
Por\u00f3wnanie z podobnymi technologiami<\/h2>\n