AMP

Проект Accelerated Mobile Pages (AMP) был представлен корпорацией Google осенью 2015 года. В основе проекта лежит следующая идея: уменьшение времени загрузки интернет-страницы на мобильном устройстве за счет использования кэшированной версии сайта, расположенной на сервере поисковой системы Google.

Принцип работы AMP

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

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

Технология AMP

Технология AMP включает в себя:

  • AMP HTML — это язык разметки, схожий с языком разметки HTML, но имеющий ряд особенностей: некоторые теги заменены на эквивалентные AMP-теги, а отдельные теги запрещены к использованию;
  • AMP JS — это собственная js-библиотека AMP, позволяющая осуществлять асинхронную загрузку элементов страницы;
  • Google AMP Cache — это кэш поисковой системы. Индексируя AMP страницу, поисковая система кэширует её контент и отдает его пользователю со своих серверов.

AMP HTML — разметка на базе обычного HTML, к примеру тег <img> трансформировался в <amp_img>, а тег <html>, в <html ⚡> как-бы намекая на скорость работы сего чуда. В разметке страницы также можно указать canonical ссылку на основную, десктопную, страницу сайта, а с нее соответственно на AMP версию. К слову набор разрешенных тегов довольно ограничен, но для выполнения задач реактивных страниц вполне подходит.

AMP JS — js библиотека, набор модулей и валидатор.
На страницу AMP нельзя подключать сторонний js, за этим, а также за соблюдением синтаксиса следит встроенный валидатор, если страница не пройдет валидацию, Google ее проигнорирует.
В связи с ограничением в использовании стороннего js кода, AMP JS предоставляет набор готовых модулей, к примеру лайтбокс, карусель и подобные контролы.

Подобная структура позволяет страницам, созданным по технологии AMP, загружаться значительно быстрее. Тем не менее, у данной технологии есть одна существенная особенность: использовать можно только готовые компоненты. Вставлять свои скрипты на AMP-страницу нельзя.

Будущее проекта

Некоторое время назад корпорация Google отдала преимущество в ранжировании сайтам, адаптированным под мобильные устройства. Такое действие было весьма не случайным: число пользователей интернета, выходящих в сеть с мобильных устройств, постоянно растет. И технология, способная ускорить загрузку интернет-страниц с мобильных устройств, не могла не появиться.

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

Поделиться