Формат AMP для быстрой загрузки мобильных страниц

Автор: Юлия Федотова

«Шеф-редактор блога GetGoodRank, веб-аналитик, блоггер.
Google представляет еще один инструмент для улучшения отображения мобильных страниц. Рассказываем, что такое Accelerated Mobile Pages»

Google представляет новый инструмент разработчикам для создания быстрых и производительных мобильных страниц в рамках программы глобальной мобилизации.

AMP — Accelerated Mobile Pages — открытый код для создания быстро загружаемых мобильных версий сайта, разработанный по инициативе Google. Цель разработки — сделать мобильный интернет быстрее, производительнее и доступнее со всех типов мобильных устройств в любой точке мира.

Новая технология «облегчает» страницы и позволяет загружать контент любого формата (видео, сложная графика, анимация) мгновенно. Применение единого формата кодирования позволяет избежать задержек загрузки сайтов, связанных с типом мобильного устройства, используемого для доступа в интернет.

Новый формат AMP HTML создан для простого и быстрого кодирования облегченных страниц.

Зачем нужен AMP?

Google видит своей основной целью предоставление свободного доступа к информации каждому пользователю. Мобильный интернет сегодня используется не только для развлечений, а все больше для решения важных вопросов, когда скорость получения информации выходит на первый план.

Мы приводили исследование Kissmetrics, показывающее, сколько пользователи готовы ждать загрузку страницы. Собственное исследование Google показывает, что онлайн-покупатели готовы ждать не более 3 секунд, пока отобразится работоспособная страница сайта.

Страницы, созданные с помощью AMP кода, загружаются в 4 раза быстрее, используя при этом в 10 раз меньше данных, чем при загрузке стандартной страницы.

Контент

Формат АМР позволит издателям создавать интерактивный контент, используя необходимые инструменты и не беспокоясь, что интерактивность (карты, карусели изображений, плагины социальных сетей) скажется на скорости загрузки страницы.

Распространение

AMP обеспечивает не только высокую скорость загрузки сайта, но и качественно новое распространение, благодаря применению новых технологий кэширования Google. Это значит, что одна и та же страница будет одинаково быстро загружаться на любом типе устройства в любой точке мира. Google обещает, что кэш-сервера будут бесплатными.

Реклама

Проект AMP поддерживает все форматы рекламы, все сети и технологии. По словам представителей компании, АМР сайты будут поддерживать различные рекламные сети и различные форматы объявлений при условии, что они не ухудшают опыт взаимодействия пользователя с сайтом.

23 февраля в результатах поиска Google появились первые AMP страницы. Google утверждает, что формат AMP не является фактором ранжирования, однако АМР-страницы получат преимущество в выдаче в виде особого символа, указывающего, что страница быстро загрузится на мобильном устройстве:

Изначально разработчики планировали сделать метку FAST, как более интуитивно понятную пользователям. На деле же сайты получают знак, который пользователи научатся толковать только испробовав загрузку такого сайта на мобильном устройстве.

Суть AMP

AMP состоит из трех частей:

AMP HTML — обычный HTML код с некоторыми ограничениями для более стабильной работы и расширениями для кодирования более производительных страниц, создание которых не представляется возможным в рамках традиционного HTML кода.

Простой AMP HTML файл выглядит следующим образом:

Как видим, код использует стандартные HTML теги, и только некоторые и них заменены особыми AMP-тегами. В данном материале представлена полная таблица запретов и замен стандартных HTML тегов в AMP HTML.

AMP JS позволяет намного быстрее загрузить и отобразить страницу пользователю. Основным преимуществом технологии является асинхронная загрузка страницы. Это гарантирует, что загрузка одного элемента никак не влияет на загрузку других элементов страницы.

Google AMP Cache — новая технология кэширвоания моментально перехватывает АМР-валидные страницы, кэширует и тем самым автоматически улучшает отображение и производительность страницы на мобильном устройстве.

Google AMP Cache использует собственный инструмент проверки валидности AMP-страницы, что гарантирует ее работоспособность и производительность вне зависимости от мощности устройства, с которого ее открывают. Система валидации проводит несколько тестов, подтверждающих, что разметка страницы соответствует стандартам AMP HTML.