AMP (Accelerated Mobile Pages)

Что такое AMP и откуда он взялся

AMP (Accelerated Mobile Pages) появился в 2015 году как ответ Google на проблему медленных мобильных сайтов. В то время конкуренты, вроде Facebook Instant Articles, уже предлагали мгновенную загрузку контента внутри своих приложений. Google решил запустить открытый проект, который бы работал на любых сайтах, но при этом использовал бы собственную инфраструктуру для кэширования. Так родился AMP — набор технологий, который ограничивает разработчиков в выборе скриптов и стилей, но зато даёт гарантию почти мгновенного рендеринга.

Как работает AMP и почему он ускоряет загрузку

В основе AMP лежат три компонента: AMP HTML, AMP JS и AMP Cache. AMP HTML — это подмножество стандартного HTML с жёсткими ограничениями: запрещены сторонние скрипты, стили выносятся в один блок, а размер страницы не должен превышать 1 МБ. AMP JS — это библиотека, которая управляет всеми элементами и оптимизирует их загрузку: изображения подгружаются только когда они попадают в видимость, а ресурсы предзагружаются асинхронно. Наконец, AMP Cache — это CDN от Google, который хранит копии всех страниц AMP. Когда пользователь открывает ссылку из поиска, браузер мгновенно получает контент из кэша, а не с вашего сервера.

Как AMP влияет на SEO и разработку

Раньше страницы AMP получали специальный значок в выдаче и могли попадать в карусель новостей. Сейчас Google убрал эти преимущества, но скорость загрузки всё равно остаётся фактором ранжирования, особенно для мобильных устройств. Если ваш сайт на WordPress, то подключить AMP несложно — достаточно установить плагин и выбрать подходящий шаблон. Но если у вас кастомный код, готовьтесь к компромиссам: придётся отказаться от сложной анимации, рекламных сетей и аналитических скриптов, которые не поддерживаются фреймворком. Зато вы получите минималистичную версию страницы, которая будет открываться даже на старых смартфонах.

Практический пример: как AMP спасает новостной портал

Представьте интернет-издание с сотнями статей, каждая из которых содержит фотографии, видео и рекламные баннеры. Без AMP страница может весить несколько мегабайт и загружаться более 5 секунд на слабом устройстве. С AMP та же страница превращается в лёгкий HTML-документ, где изображения оптимизируются автоматически, а видео загружается только по требованию пользователя. В результате время до первого рендера сокращается до 1 секунды, а отказы после клика из поиска резко падают. Именно поэтому многие медиа и блоги до сих пор используют AMP, несмотря на ограничения.

Типичное заблуждение: AMP — это панацея от всех бед

Многие считают, что достаточно добавить AMP на все страницы, и сайт сразу взлетит в топ. Это не так. AMP — это инструмент для улучшения скорости, но он не заменит качественный контент, грамотную структуру и ссылочную массу. Более того, если ваш сайт уже быстро загружается и имеет адаптивный дизайн, внедрение AMP может даже навредить: вы создадите вторую версию страницы, которую нужно поддерживать, и рискуете получить ошибки дублирования. Лучше сначала проанализировать метрики скорости и поведенческие факторы, а уже потом решать, нужен ли вам AMP.