Odkąd kupiłem pierwszy „mądry” telefon, czas jaki spędzam przeglądając strony internetowe na urządzeniach mobilnych, mniej więcej dorównuje czasowi przeglądania sieci na komputerze. I już pierwszego dnia zauważyłem, że przeglądanie to jest dalekie od wygodnego. Pomijając fakt, że wiele serwisów nie potrafi/nie chce dostosować swoich stron do urządzeń mobilnych, małe komputerki po prostu nie radzą sobie ze skomplikowanymi stronami, upakowanymi licznymi skryptami, obrazkami i wideo. Problem ten dostrzegło Google i przygotowało Accelerated Mobile Pages.

AMP jest nowym frameworkiem HTML, wyprodukowanym w fabrykach Google, służącym do przyspieszenia stron mobilnych dzięki zastosowaniu najnowocześniejszych technologii. Wszystko opiera się o bibliotekę JavaScript, którą musimy dodać do naszej strony oraz o specjalnie przygotowane komponenty zastępujące kilka najpopularniejszych tagów HTML.

Nowe elementy dostępne dzięki AMP to:

  • amp-ad – kontener na reklamy
  • amp-img – tag zastępujący img
  • amp-pixel – tag pozwalający zliczać odsłony naszej strony
  • apm-video – tag zastępujący video
  • amp-anim – osadzanie gifów
  • amp-audio – tag zastępujący audio
  • amp-carousel – karuzela z obrazkami
  • amp-fit-text – dopasowanie wielkości czcionki do rozmiaru kontenera
  • amp-iframe – wyświetlanie ramki
  • amp-image-lightbox – wyświetlanie obrazków jako pojawiająca się warstwa
  • amp-instagram- – proste osadzanie obrazków z serwisu Instagram
  • amp-lightbox – wyświetlanie treści jako pojawiająca się warstwa
  • amp-twitter – proste osadzanie twittów
  • amp-youtube – proste osadzanie wideo z serwisu YouTube

Jak widać lista dostępnych komponentów jest całkiem spora i jestem pewien, że pojawią się nowe.

Pozostaje jeszcze kwestia partnerów. Żadna, nawet najlepsza, technologia nie przyjmie się, jeśli najwięksi gracze na rynku nie będą z niej korzystać. Google stanęło na wysokości zadania i pozyskało wielu dużych partnerów. Wśród nich znaleźli się między innymi Twitter, BBC, BuzzFeed, Time, LinkedIn, WordPress i wielu innych.

Strona projektu: www.ampproject.org
Repozytorium na Githubie: github.com/ampproject/amphtml