BLOG

AMP - czyli przyspieszanie stron www one more time

Czym jest prędkość wczytywania stron i jak ważną rolę odgrywa w dobie kiedy to zaczynają dominować urządzenia przenośnie, a prawie 50% osób codziennie korzysta z tego typu urządzeń aby czytać wiadomości, komunikować się ze znajomymi na social media i komunikatorach nie trzeba chyba nikomu tłumaczyć.

 

         szybkosc strony

    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.

 

Skontaktuj się z nami

Infolinia 0801 011 742
tel 74 831 64 67
tel. kom. 608 054 626




Wyrażam zgodę na przetwarzanie moich danych osobowych w celu przedstawienia oferty handlowej oraz usług firmy.

Ciekawostki z bloga

 

ZAUFAJ DOŚWIADCZENIU

SitePromotor : strony, sklepy, seo - 14 lat doświadczenia
Rzetelna Firma

Miło nam poinformować, że przeszliśmy pozytywnie weryfikację i uzyskaliśmy certyfikat "Rzetelna Firma" KRD.

Google Advertising Professional

Doświadczenie naszego konsultanta SEM zostało potwierdzone poprzez przyznanie Certyfikatu Google Advertising Professional.

ZAUFALI NAM

Uniwersytet Wrocławski Politechnika Wrocławska WP money Dospel Magellan Dolnośląska Szkoła Wyższa Castrol eGospodarka OEX

Referencje


Średnia ocena jakości usług SitePromotor     Głosów: 5/5 (17 Głosujących)

Sitepromotor