Высокая скорость загрузки AMP страниц

О создании сайтов со страницами AMP

Востребованность в быстрой загрузке страниц сайтов на мобильных устройствах, подтолкнуло в 2015 году компанию Google к разработке технологии AMP-страниц. Аббревиатура AMP расшифровывается как Accelerated Mobile Pages, что в переводе с английского означает «Ускоренные мобильные страницы». Сегодня технология AMP используется более чем в 10 миллиардах веб-страниц по всему миру, она внедрена Google, Microsoft Bing, Pinterest, Pantheon. В данной статье мы постараемся разъяснить нашим читателям особенности технологии AMP и возможности ее использования при создании сайтов.

Особенности технологии AMP при создании сайтов.

AMP – это фреймворк веб-компонентов с набором дополнительных технологий, который помогают разработчикам относительно легко создавать веб-сайты, которые быстро загружаются даже при слабом интернете. Разработанные по AMP-технологии сайты хорошо отображаются, как на стационарных та и на мобильных устройствах, но на мобильных устройствах реализуются дополнительные возможности позволяющие загружать AMP-страницы из AMP-кеша. AMP-кеш — это сеть доставки содержимого (CDN) предоставляющая доступ к корректно разработанным и соответствующим заданным стандартам AMP-страницам. На сегодняшний день услуги AMP-кеширования предоставляются двумя провайдерами: Google AMP Cache и Bing AMP Cache.

Как это работает?

Разработчик создает сайт на основе AMP – фреймворка. Это может быть как полностью самостоятельный сайт сформированный из АМП-страниц, так и сайт на базе CMS ( Вордпресс, Друпал и т.п.) с интегрированными АМП-страницами. К примеру, на Вордпресс для этого может быть использован специально разработанный плагин, например: «AMP for WP».

Созданные в ходе разработки AMP-страницы оптимизируются и проверяются на соответствие валидатором для AMP-.

Размещая AMP-страницы в интернете, Вы тем самым даете возможность AMP-кешам кешировать их.

Возможные каналы кеширования:

  • бот Поиска Google распознает по специальным тегам AMP-контент, и если AMP-страница соответствует требованиям кеширует ее, добавляя ее в Google AMP Cache;
  • при запросе AMP-страницы по URL-адресу страницы в кеше;
  • по запросу со стороны владельца данного веб-ресурса.

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

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

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

Чем достигается быстрая загрузка AMP сайтов?

Cайты AMP создаются с использованием стандартных HTML, CSS и JavaScript, но есть ряд особенностей:

  • AMP ограничивает использование отдельных JavaScript, а некоторые заменяет компонентами AMP;
  • расширение HTML для создания страниц с базовым контентом с использованием веб-компонентов;
  • оптимизация страниц средствами AMP Cache;
  • использование собственного валидатора, помогающего устранить ошибки влияющие на производительность или доступность;

Кроме того с AMP сайтами проводиться весь комплекс  мероприятий по оптимизации присущий типовым сайтам.

Выводы.

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