Если вы читаете наш блог достаточно давно, то для вас не будет в новинку тот факт, что в последние годы разработчики отчаянно гонятся за мобайлом. Создают оптимизированные сайты, вводят новые технологии и методы продвижения для мобильных пользователей. Среди подобных нововведений отметился и проект Google 2015-го года под названием AMP. Разбираемся, что это такое и зачем он нужен.
Как это работает
Начнём с определения: AMP — это библиотека с открытым кодом, предназначенная для ускорения работы web-страниц на мобильных устройствах. «Практически мгновенная загрузка любых страниц вкупе с высокой производительностью» — так звучит основной тезис Google относительно своего продукта.
- Разрешены только асинхронные скрипты. Таким образом, Java Script не задерживает визуали
- Статическое определение размеров ресурсов. Размеры всех внешних ресурсов должны быть заданы в HTML. Это позволяет избежать всяческих пересчётов во время загрузки страницы.
- Все таблицы CSS должны быть встроенными и ограниченными по размеру. Благодаря этому, из сценария визуализации устраняется один или несколько запросов HTML. Вдобавок размер таблицы стилей не должен превышать 40 килобайт — это не только упрощает загрузку, но и позволяет разработчику не захламлять страницу.
- Приоритетная загрузка страниц. AMP сам расставляет приоритеты при загрузки страниц и в первую очередь загружает только самые важные элементы. Самые тяжеловесные загружаются позже, но их предварительное извлечение происходит сразу.
- Мгновенная загрузка страниц. Новый API позволяет начать визуализацию страницы ещё до того, как пользователь перейдёт на неё. Предварительная визуализация загружает только те элементы, которые видны в самом верху страницы — т.е., первое, что пользователь увидит, перейдя по ссылке.
Более подробное описание доступно на сайте проекта.
Для каких сайтов подходит AMP
Изначально AMP создавался для ускорения загрузки контенто-ориентированных страниц. Соответственно, больше всего такой формат подойдёт:
- Для блогов;
- Для новостных сайтов;
- Для лендингов;
- Для информационных сайтов.
А ещё AMP вероятнее всего подойдёт для сайтов с непрямой рекламой — но подробнее об этом немного позже.
Плюсы проекта
- Высокая скорость загрузки. С самой главной своей задачей проект справляется на «ура»: так, средняя скорость загрузки страницы на AMP составляет 0,7 секунды.
- AMP-страницы имеют приоритет в карусели Google. Больше ваших страниц в карусели = больше просмотров.
- AMP-сайты индексируется поисковиками. Google, Bing, Yahoo! Japan, Baidu поддерживают эти AMP-страницы. И хотя AMP не влияет на ранжирование напрямую, высокая скорость загрузки положительно скажется на рейтинге сайта. К тому же, специальный значок-молния тоже скорее всего бросится в глаза.
Минусы проекта
- Ограниченное количество компонентов. Для AMP-страниц вы можете использовать только те компоненты, которые предоставляет Google. Всего их около 70 — хотя это и приемлемое количество, но не всегда достаточное для реализации всех задумок сайта. Сторонние же компоненты подключать нельзя.
- Разработка и поддержка отдельной темы оформления. Всё это реализуемо, однако требует отдельных временных и денежных затрат. Гораздо проще просто оптимизировать имеющиеся мобильные версии.
- Нет поддерживается некоторыми браузерами. В частности, IE11 — пользователи Windows Phone будут видеть обычные страницы вместо AMP, что негативно скажется на их опыте.
- Ограниченные возможности рекламы. AMP поддерживает рекламу только от Google Adsense, поэтому если вы используете другую платформу, вы потеряете значительную часть дохода с объявлений.
- Ограниченная статистика. AMP поддерживают статистику Google, но на данный момент для таких страниц поддерживается только ограниченный набор данных. Кроме того, статистика для AMP и для обычных страниц будет раздельной, что с одной стороны позволяет оценить возможности AMP, но с другой усложняет процесс анализа.
- AMP использует кэш Google. Ваш сайт загружается не напрямую, а через кэш Google. Таким образом, ссылка с поисковой выдачи выглядит иначе — как будто страница принадлежит Google. Разработчики видят с этим целый ряд связанных проблем: это «заманивает» пользователей на сайт Google, а не на исходный сайт; мошенники могут с лёгкостью имитировать ваш сайт, ведь ссылка на AMP будет похожей; пользвателям приходится нажимать дополнительную кнопку, чтобы попасть на исходный сайт.
Вывод
Из-за существенных недостатков Google AMP получил смешанные отзывы от разработчиков. В основном критика упирается в ограниченный функционал. Практически той же производительности можно добиться и меньшей кровью — например, создав собственный мобильный сайт с помощью конструктора.
Тем не менее, на AMP работают сайты таких известных компаний, как The New York Times, Washington post, The Wired. Основным преимуществом проекта на данный момент является открытый код: над его совершенствованием трудятся не только авторы, но и сторонние разработчики. Возможно, ещё через несколько лет проект станет одним из самых востребованных и уникальных в своей среде. Нам же остаётся только следить за новостями и обновлениями с надеждой на лучшее.
