AMP - czyli przyspieszanie stron www one more time

    Jak wiadomo gigant z Mountain View zrobił już w tym celu wcześniejsze zmiany w algorytmie - a jak śledzą zapewne nasi wierni czytelnicy – a zapowiadają się kolejne od 2018 roku, które dodatkowo będą punktować najlżejsze z witryn pod kątem wagi strony. Ku czemu to wszystko zmierza? Ku skierowaniu odbiorców na strony maksymalnie dostosowane do rozwiązań mobilnych na skalę XXI wieku, wszystko po to aby wyprzeć z czołówek wyników wyszukiwania „najcięższe” serwisy, które zapychają łącza. Jaką rolę zatem w tym odgrywa AMP? O tym poniżej!

AMP – co to takiego i jak działa?

            Najkrócej rzecz ujmując jest to nowe rozwiązanie open source, które ma na celu pomóc w przyspieszeniu wczytywania i przeglądania stron internetowych. Strony AMP składają się z trzech składowych, które umożliwiają ładującym się stronom wczytywać się bez elementów obciążających strony:

• AMP JS – skrypty js, które umożliwiają maksymalnie szybkie wczytywanie się stron;
• AMP HTML – kod html, w wersji, która pozwala na szybsze ładowanie się strony oraz umożliwiająca zaawansowane ładowanie się treści;
• AMP Cache – komponent odpowiedzialny za dostarczanie stron z sieci dystrybucji Google.

            Budowanie stron w oparciu o tę technologię w zasadzie nie wiele różni się od pisania strony w 'czystym' HTML, są różnice w budowie znaczników, ale nie wiele się różnią, np. znacznik początkowy HTML zawiera dodatkowy wpis „amp”, czyli wygląda tak: < html amp > albo może też zawierać znak pioruna i znacznik wygląda wtedy tak: < html ⚡ > , podobnież jeśli chodzi o kwestie stylów kaskadowych to ich struktura w zasadzie może być zbliżona do tych standardowych, poza faktem tego, że nie powinny one zawierać znaczników, które będą obciążały ładowanie się strony i jak wiadomo początkowy znacznik też posiada „udziwnienie” w postaci <  style amp-custom > treść </style>, ponadto warto jest powiedzieć, że jest możliwa standardowa implementacja zewnętrznych arkuszy stylów, które są jak wiadomo w osadzeniu dużo wygodniejsze.

            Dla osób zainteresowanych tą technologią warto jest zgłębić zagadnienie m.in. na tych stronach macierzystych: https://www.ampproject.org/pl/docs/tutorials/create/basic_markup , https://www.ampproject.org/docs/guides/responsive/style_pages , które pozwolą Wam zapoznać się z odpowiednimi wskazówkami odnośnie znaczników. Warto również pamiętać o możliwości używania Chrome DevTools do sprawdzenia poprawności kodu, ewentualnie skorzystać z narzędzia: https://validator.ampproject.org/

Podsumowanie

            Niewątpliwie ogromne korzyści płynące z faktu z nowego rozwiązania w kwestii budowania szybko ładujących się stron dostosowanych pod rozwiązania mobilne budzi entuzjazmu wśród webmasterów i właścicieli stron, jak i również po stronie odbiorców, którzy będą mogli teraz prędzej czytać zawartości stron. Projekt jest ciągle rozwijany, chociaż był już poddawany testom przez większe serwisy, które dobitnie pokazały ogromny wzrost wejść, warto jest śledzić rozwój tego projektu i samemu przebudowywać swoje strony.