Как настроить AMP-страницы для ускорения мобильного трафика?
AMP-страницы настраиваются так: создаётся отдельная версия страницы по спецификации AMP HTML, в теге html указывается атрибут amp, подключается обязательный AMP boilerplate CSS, сторонний JavaScript полностью убирается, а вместо него используются AMP-компоненты, картинки вставляются тегом amp-img с заданными шириной и высотой. После прохождения валидации страница может раздаваться через Google AMP Cache, и именно кэширование вместе с запретом тяжёлых скриптов даёт ускорение загрузки на мобильных. Без валидной разметки ускорения не будет: невалидный AMP просто не попадёт в кэш.
Практический порядок действий: возьмите текущий шаблон и соберите AMP-версию на его основе, оставив только статичную вёрстку и разрешённые компоненты. Затем свяжите версии перекрёстными ссылками — в обычной странице укажите link rel=amphtml на AMP-адрес, а в AMP-версии link rel=canonical на исходный URL. Проверьте результат валидатором AMP и в отчёте о покрытии в Search Console, отдельно протестировав скорость в мобильном PageSpeed Insights.
Мини-чек-лист перед публикацией: атрибут amp в корневом теге, AMP boilerplate CSS, только AMP-компоненты вместо img, video, iframe и форм, подключённый amp-analytics для сбора статистики, отсутствие инлайновых стилей сверх лимита и собственного JavaScript. Важный нюанс: AMP не обязателен для попадания в мобильную выдачу и не заменяет работу над Core Web Vitals — ускорения можно добиться и на обычном HTML за счёт сжатия изображений, кэширования и сокращения скриптов, а AMP выбирают, когда нужен именно быстрый рендер из кэша и минимум клиентского кода.