Что такое AMP-страницы?

AMP (Accelerated Mobile Pages) — это HTML-фреймворк с открытым исходным кодом, созданный Google для создания быстрых и адаптивных веб-страниц, которые хорошо отображаются на мобильных устройствах.

Основные принципы AMP:

• Ограниченный набор HTML-тегов: Используется подмножество HTML, что позволяет ускорить парсинг и рендеринг страницы.
• Асинхронная загрузка ресурсов: Скрипты, изображения и другие ресурсы загружаются асинхронно, не блокируя рендеринг основного контента.
• Приоритет контента: Оптимизация направлена на быструю загрузку видимого контента.
• Статические размеры элементов: Большинство элементов имеют предопределенные размеры, что уменьшает "прыжки" контента при загрузке.
• Использование AMP Cache: Сторонняя организация (например, Google) может кешировать AMP-страницы и отдавать их из своего кеша, что обеспечивает мгновенную загрузку.

Ключевые компоненты AMP:

• AMP HTML: Ограниченный набор HTML-тегов с добавлением кастомных AMP-компонентов.
• AMP JS: JavaScript-библиотека для управления загрузкой ресурсов и интерактивностью.
• AMP Cache: Прокси-сеть для кеширования и доставки AMP-страниц.

Пример использования AMP:

html