Новости WordPress и ускорение загрузки сайтов для издателей: выступление Google на конференции AMP

Специалисты Google Альберто Медина и Джинни Халиман — о развитии AMP-технологии и о вкладе Setka и других компаний в будущее, в котором любой WordPress-сайт загружается мгновенно

Генеральный директор и CTO Setka — Катя Базилевская и Игорь Кузнецов приняли участие в ежегодной конференции AMP, которая прошла в Токио в конце прошлой недели. Среди многих интересных выступлений специалистов из Twitter, The Washington Post, Yahoo! Japan и из других компаний мы особенно ждали презентацию Google под названием «Создание AMP-first сайтов на платформе WordPress» (Building AMP-First Sites, the WordPress Way).

Специалисты компании — Developer Advocate Альберто Медина (Alberto Medina) и руководитель веб-направления в Юго-Восточной Азии Джинни Халиман (Jeanny Haliman) рассказали в своем выступлении, в том числе, и о кейсе Setka.

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

джинни халиман

Руководитель партнерского веб-направления Google в Юго-Восточной Азии

Setka Editor — это WYSIWYG-редактор, который позволяет брендам и издателям создавать привлекательный интерактивный контент без необходимости привлекать разработчиков. Команда хотела, чтобы пользователи не просто создавали красивый дизайн, но и чтобы оформленный контент быстро загружался. Поэтому Setka решили интегрировать плагин редактора с плагином AMP для WordPress.

Команда реализовала это решение для одного из клиентов — Miro (ранее известные как RealtimeBoard). Вы можете видеть, что AMP-версия страницы выглядит идентично обычной версии, однако загружается намного быстрее — не только на мобильных, но и на десктопных версиях сайта

Что нового в плагине AMP для WordPress

В мире 33% сайтов работают на WordPress, эта CMS занимает на рынке долю в 60%, и поэтому не удивительно, что развитие AMP-решения для WordPress очень важно для экосистемы в целом.

«Это был отличный год для проекта AMP. Одна из областей, в которых мы добились большого прогресса — это создание AMP-контента на платформе WordPress, — рассказал Альберто Медина. — У нас есть целый набор способов, чтобы реализовать поддержку AMP-технологии на WordPress-сайтах. С одной стороны, мы имеем полностью ручное внедрение, когда всю работу делают сами разработчики. А с другой стороны, все это может происходить автоматически, когда платформа — а именно комбинация ядра и плагинов — выполняет работу за нас».

Официальный плагин AMP для WordPress — это расширение для платформы WordPress, которое решает три основные задачи. По словам Медины, плагин:

Автоматизирует большую часть процесса итерации AMP-контента на платформе;

Предоставляет разработчикам инструменты и рекомендации для работы, которую они выполняют вручную;

Выступает в качестве инструмента контроля и мониторинга по мере развития сайтов для обеспечения AMP-совместимости.


Он объяснил, как на самом деле работает автоматизация в плагине. После его установки AMP-спецификации сначала интегрируются в логику плагина, обеспечивая автоматическую идентификацию и контекстуализацию ошибок. Затем плагин AMP для WordPress «подключает» свой функционал к любым стандартным механизмам создания контента (виджетам, эмбедам, блокам и т. д.), генерируя с этого момента AMP-совместимые компоненты.

Что касается WordPress, «внешний вид сайтов определяется набором шаблонов, которые в сочетании образуют то, что обычно называют темой сайта», — продолжил Медина, описав три способа (режима) настройки плагина для взаимодействия с основной темой сайта:

Setka Editor для WordPress на 100% готов к работе с актуальными режимами AMP-плагина. Наш плагин поддерживает любые элементы дизайна, в том числе — анимации, и позволяет мгновенно загружать страницы сайта на любом устройстве.

 Native Mode делает WordPress-сайт полностью AMP-совместимым. Он берет за основу стили и шаблоны основной темы сайта, из которых создает AMP-страницы.

Transitional Mode, при котором также используется основная тема, но вдобавок к AMP-страницам сохраняются еще и обычные, что позволяет разработчикам вручную обрабатывать пока что не совместимые с AMP элементы, например, конвертеры текста в аудио. «Этот режим называется переходным, потому что он содействует интеграции, которая позволяет постепенно расширять совместимость с AMP — до тех пор, пока все элементы не будут совместимы», — отметил Медина.

Reader Mode, при котором контент создается в отдельном простом и легком шаблоне, но который может не соответствовать теме сайта. «Режим чтения обеспечивает базовые преимущества AMP, но мы не рекомендуем его, потому что он имеет ограничения, а переход на остальные два режима становится все легче», — добавил в заключение Медина.

Как AMP-плагин работает на практике

Джинни Халиман привела в пример несколько онлайн-издателей, а также рассказала, почему издатели и разработчики должны использовать AMP-технологию, если хотят завоевать аудиторию и дать своему контенту конкурентное преимущество.

«Я проработала в команде чуть более четырех лет, помогая издателям развивать бизнес. В процессе я осознала, насколько динамична и конкурентоспособна издательская индустрия. Издателям постоянно приходится предлагать что-то новое, чтобы завоевать пользователей».

И когда дело доходит до измерения эффективности, исследования показывают, что самое важное, чего следует избегать — это медленная загрузка страниц. «Чем дольше вы заставляете пользователей ждать, тем выше будет показатель отказов», — подтверждает Халиман. «Скорость должна быть приоритетом номер один для издателей, хотя далеко не всегда это так. Не у всех есть технические возможности для оптимизации сайта или быстрый интернет».

Это стало основной причиной, почему Google инвестирует в развитие AMP-плагина. «Мы увидели пробел и пытаемся его заполнить», — сказала Халиман, добавив: «Наша цель — обеспечить доступную высокую скорость загрузки страниц всем пользователям WordPreess». Джинни также отметила несколько историй успеха первых пользователей плагина:

  • The Times of India ускорили загрузку страниц на 59%;
  • Jawapos добились десятикратного уменьшения веса страниц и увеличения дохода от рекламы на 38% — при показах в Transitional Mode, который использовали для прямого сравнения AMP и не-AMP версий;
  • Читатели Hello Sehat проводили на AMP-страницах в 2,6 раза больше времени — при этом издание использовало режим чтения.

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

XWP — агентство разработки на WordPress, которое работает над коммерческими и экосистемными проектами и предлагает AMP-технологию всем типам клиентов. Например, они сократили время загрузки сайта heavy.com на более чем 5 секунд (с 8-ми до менее 3-х).

Setka — онлайн-редактор, который помогает создавать красивую, интересную верстку без профессиональных навыков дизайнера и разработчика. Компания сократила время загрузки клиентского сайта Miro (ранее известных как RealtimeBoard) на 5 секунд, также благодаря интеграции с AMP.

WP Engine — хостинг-провайдер от создателей Genesis Framework, популярного фреймворка тем WordPress; обслуживает более 600 000 доменов и собирается выпустить AMP-совместимую версию 3.0 этим летом».

«Я очень рада вкладу коллег в общее дело, — сказала Халиман, подытоживая, — потому что все наши усилия ускорят создание команд, работающих с AMP, и предоставят больше возможностей владельцам сайтов. Мы увидели важность скорости загрузки и то, как она влияет на бизнес-показатели, важные для издателей. Теперь они могут использовать плагин AMP для достижения своих целей и привлечения аудитории».