dlaczego AMP?
liczba wyszukiwań dokonywanych z urządzeń mobilnych wyprzedziła pulpit. Framework Open Source nazwany” Accelerated Mobile Pages ” (AMP) został stworzony z jednym głównym celem: stworzyć szybki czas ładowania dla użytkowników mobilnych. Była to reakcja na rosnące zapotrzebowanie na krótkie czasy ładowania – problem, który był wielokrotnie podnoszony przez wydawców i przedsiębiorstwa.
inicjatywa została uruchomiona w celu stworzenia systemu, który przyniesie korzyści wszystkim zainteresowanym stronom., Reklamodawcy, wydawcy i użytkownicy powinni czerpać korzyści z AMP.
jak rozwijał się projekt AMP
„Accelerated Mobile Pages Project” został uruchomiony w 2015 roku przez grupę firm, w tym Google, WordPress i giganta oprogramowania Adobe. Od samego początku, kilka międzynarodowych portali informacyjnych zostało również zaangażowanych w projekt AMP, a niektóre z pierwszych stron internetowych wdrażających AMP są Guardian (Wielka Brytania), Washington Post i Buzzfeed (USA), Frankfurter Allgemeine Zeitung i Die Zeit (Niemcy) i El Pais (Hiszpania)., Twitter i LinkedIn są również zaangażowani w AMP od samego początku jako partnerzy technologiczni.
obecnie prawie wszystkie duże media internetowe wykorzystują technologię AMP. Uznali wielką wartość, jaką można zyskać dzięki szybko ładującym się witrynom mobilnym. Za pomocą odpowiednich wtyczek użytkownicy WordPressa mogą również publikować nad AMP, chociaż nie ma jeszcze rozwiązania eCommerce dla AMP.
dlaczego AMP jest dobrym pomysłem
w ostatniej dekadzie smartfon wyprzedził komputer stacjonarny w wielu branżach i krajach, stając się podstawowym urządzeniem używanym przez ludzi do korzystania z Internetu., Korzystamy z telefonu komórkowego, aby szukać pobliskiej restauracji, robimy zakupy w telefonach lub czytamy wiadomości na telefonach w pociągu do pracy. Jest to szczególnie ważne dla użytkowników mobilnych, aby strony internetowe ładowały się szybko. Krytyczny punkt odcięcia ma wynosić trzy sekundy. Jeśli witryna ładuje się dłużej, większość mobilnych użytkowników Internetu odbije się i opuści stronę.
AMP jest dobrym pomysłem, ponieważ jest specjalnie zaprojektowany do tworzenia stron internetowych, które ładują się tak szybko, jak to możliwe na urządzeniach mobilnych.,
Problem: Web…strony… które… ładują… zbyt… slow…ly
to, jak szybko ładuje się zawartość www, zależy od szybkości połączenia i rozmiaru pliku strony internetowej. Oba aspekty są ze sobą powiązane. Niektóre strony ładują się powoli, nawet jeśli prędkość połączenia jest duża, jeśli objętość ładowanych plików jest zbyt duża. Podobnie, nawet technicznie zoptymalizowana strona może ładować się powoli, jeśli połączenie jest zbyt wolne.
rozwiązanie: AMP
AMP nie może wpływać na dostępną pojemność połączenia internetowego, dlatego technologia koncentruje się na aspekcie czasów ładowania, na które może mieć wpływ., AMP tworzy najlepsze warunki do szybkiego ładowania strony mobilnej, nawet gdy transfer danych jest powolny. Aby to zrobić, ogranicza liczbę wymaganych elementów JavaScript i CSS, zapewniając, że tylko kilka zasobów musi zostać załadowanych, aby strona była wyświetlana.
kluczem do krótkich czasów ładowania AMP jest przede wszystkim redukcja plików, które muszą zostać załadowane. Innym ważnym czynnikiem jest serwer proxy, który utrzymuje pamięć podręczną strony docelowej w gotowości., Zawartość ta jest przesyłana za pośrednictwem sieci dostarczania treści, co ma tę zaletę, że strona może być zawsze skonstruowana z taką samą prędkością, niezależnie od tego, z którego Użytkownik ma do niej dostęp.
kod źródłowy AMP
Ogólnie rzecz biorąc, wszystkie serwery mogą odczytywać kod źródłowy AMP, ponieważ kod jest oparty na znanych skryptach. Następujące trzy elementy są charakterystyczne dla AMP:
- AMP HTML: kod HTML przyspieszonej strony mobilnej jest ograniczony do podstawowych elementów. Po załadowaniu strony wysyłane jest tylko jedno żądanie http.
- amp JavaScript: AMP wykorzystuje asynchroniczny kod JS., Dzięki temu strona może rozpocząć budowę przed załadowaniem wszystkich elementów JS.
- AMP CDN: pamięć podręczna każdej strony AMP jest zapisywana na różnych serwerach na całym świecie. Zawartość ta może być dostarczana użytkownikowi najkrótszą możliwą ścieżką za pomocą sieci dostarczania treści. Kolejną zaletą CDN jest to, że funkcjonalność strony jest stale sprawdzana. Pomaga to uniknąć błędów.
jakie zmiany należy wprowadzić w kodzie HTML, aby zaimplementować AMP?
istnieje wiele specyficznych cech, które musi mieć HTML strony internetowej, aby mógł przejechać przez AMP., Wszelkie treści audiowizualne muszą być oznaczone specjalnymi znacznikami AMP, na przykład amp-img, amp-video, amp-audio lub amp-iframe. Przykład jak obraz może być wstawiony do kodu źródłowego strony za pomocą AMP to:
<amp-img src=”myimage.,jpg” alt=”co można zobaczyć na obrazku” height=”200″ width=”300″></amp-img>
dodatkowo, następujące znaczniki muszą być dołączone na każdej stronie, aby mogła być poprawnie wyświetlane przy użyciu amp:
zalety amp dla różnych grup interesariuszy
jak wspomniano powyżej, amp został uruchomiony z wielkim celem korzyści dla wszystkich: reklamodawców, wydawców i użytkowników.a
- reklamodawcy: reklamodawcy mogą używać AMP z różnymi formatami reklam., Treści reklamowe ładują się asynchronicznie, co oznacza, że wrażenia użytkownika nie są zakłócane przez reklamy, które uniemożliwiają ładowanie strony.
- wydawcy: wydawcy zyskują na widocznym umieszczeniu stron AMP w środowisku newsowym. Wysoka użyteczność stron internetowych zoptymalizowanych pod kątem urządzeń mobilnych przyczynia się również do pozytywnych sygnałów użytkownika.
- użytkownicy: strony internetowe korzystające z AMP są idealne dla użytkowników. Nie muszą długo czekać na załadowanie stron, a nawet mogą zaufać wysokiej wydajności, gdy przeglądają powolne połączenie internetowe.,
AMP I indeks Mobile-First
AMP to tylko jedno podejście do optymalizacji stron internetowych pod urządzenia mobilne. Świadomość znaczenia optymalizacji mobilnej-nie tylko wśród społeczności SEO-wzrosła, szczególnie od czasu aktualizacji Google w 2015, która miała na celu zachęcenie stron do przyjazności dla urządzeń mobilnych. Wyszukiwarka Google posunęła się dalej w kierunku podejścia mobilnego, ogłaszając, że jej indeks mobilny stanie się – w pewnym momencie – głównym indeksem wyników wyszukiwania Google., To tylko zwiększy znaczenie AMP.
oprócz AMP, istnieją inne mobilne strategie optymalizacji, w tym Responsive Web Design, lub wykorzystanie oddzielnych adresów URL z progresywnymi aplikacjami internetowymi.
