AMP
RU
English Deutsch Français العربية Español Italiano Indonesia 日本語 한국어 Português Türkçe 中文 Polski Tiếng việt

Использование AMP-оптимизатора

Important: this documentation is not applicable to your currently selected format email!

AMP-оптимизаторы — это класс инструментов, позволяющих оптимизировать страницы на собственном сайте подобно тому, как это делает AMP-кеш. Использование AMP-оптимизатора является залогом достижения высокого уровня удобства страницы и соответствия требованиям Core Web Vitals. Чтобы подробнее узнать, как работает AMP-оптимизатор, ознакомьтесь с нашим детальным руководством по AMP-оптимизации.

Разве AMP-страницы не являются быстрыми изначально?

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

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

Интеграция AMP-оптимизатора

Есть три способа использовать AMP-оптимизатор:

  1. Использовать генератор сайтов или CMS со встроенной интеграцией с оптимизатором.
  2. Интегрировать AMP-оптимизатор с используемой системой сборки или сервером.
  3. Интегрировать AMP-оптимизатор с используемой средой хостинга.

CMS и генераторы сайтов

Лучший способ публикации оптимизированных AMP-страниц — это использование генератора сайтов или CMS со встроенной поддержкой AMP-оптимизатора. В этом случае ваши AMP-страницы будут оптимизироваться автоматически. На данный момент интеграцию с AMP-оптимизатором поддерживают следующие генераторы сайтов и CMS:

Самостоятельная интеграция с системой сборки или сервером

Вы также можете самостоятельно выполнить интеграцию AMP-оптимизатора. Существует несколько реализаций AMP-оптимизатора с открытым кодом:

  • AMP-оптимизатор (Node.js): библиотека на основе Node.js для генерации оптимизированного AMP-кода. Ознакомьтесь с вводным руководством на данном сайте (amp.dev). Данная реализация поддерживается командой AMP.
  • AMP-оптимизатор (PHP): библиотека на основе PHP для генерации оптимизированного AMP-кода. Данная реализация поддерживается командой AMP.
  • amp-renderer (Python): порт AMP-оптимизатора для Node на Python.

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

  1. Во время сборки: страницы статических AMP-сайтов лучше всего оптимизировать на этапе сборки. Этот подход является самым эффективным, поскольку оптимизация AMP-страниц не будет влиять на скорость их выдачи. Ознакомьтесь с примером интеграции AMP-оптимизатора с Gulp.
  2. Во время рендеринга: если страницы сайта генерируются динамически или не могут быть преобразованы статическим путем, оптимизацию можно выполнять на сервере после рендеринга AMP-документа. В этом случае, чтобы гарантировать быстрое время загрузки, преобразованные страницы следует кешировать для последующих запросов. Кеширование можно выполнять как на уровне CDN, так и с использованием внутренней инфраструктуры сайта (например, Memcached) или даже на самом сервере, если набор страниц имеет достаточно маленький объем, чтобы уместиться в памяти. Чтобы подробнее узнать об этом подходе, ознакомьтесь с демонстрацией интеграции AMP-оптимизатора с Express.JS.

Интеграция с хостинг-провайдерами

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