Для целей поддержки AMP-страниц не может быть использован ряд скриптов JavaScript. Все дело в том, что веб-сайты становятся более сложными и «тяжелыми», и существует тенденция — постоянно растущий объем контента для мобильных устройств. Все больше людей в настоящее время используют свои мобильные устройства для просмотра сайтов и поиска в сети интернет.
Технология ускоренных мобильных страниц (Accelerated Mobile Pages, AMP) основана на открытом исходном коде. Такие страницы хранятся в специальном кэше Google, что обеспечивает более быструю загрузку. А зря: если в формат небольших сайтов и блогов такой вариант вписывается «на ура», на серьезных проектах с тысячами пользователей он создает проблемы. А общий трафик с мобильных (смартфоном и планшетов) уже превысил Desktop-трафик с компьютеров и ноутбуков.
AMP — Accelerated Mobile Pages: Ускоренные Мобильные страницы
AMP-страницы все же позволяют сторонние JavaScript, но только в sandboxed iframes (песочнице фреймов). Поэтому Iframe-пересчеты будут проходить очень быстро по сравнению с перерасчетом стилей и макета всей страницы. CSS стили блокируют рендеринг, загрузку страницы и имеют тенденцию становиться «большими помехами» (раздутыми). В страницах AMP, все DOM-чтение происходит, прежде чем DOM-записи.
Не позволять расширениям блокировать рендеринг веб-страницы
Правила AMP для анимации/изображений, связанных с CSSзаключаются в том, что анимация может быть выполнена только с GPU-ускорением. Предварительная визуализация загружает только ресурсы в видимой части страницы, и не выполняются высоко-нагруженные с точки зрения CPU операции, если только они не абсолютно необходимы. Для сайтов — подъем позиций в поисковой выдаче, так как скорость загрузки и поддержка мобильных телефонов — существенно важные факторы для юзабилити.
Мы походили и поспрашивали людей в офисе, которые не имеют прямого отношения к поисковым системам, и никто не догадался, что данный символ означает более быструю загрузку страниц. AMP-страницы предназначены как для удобства пользователей, так и для общего улучшения мобильного интернета. Голубой индикатор отображается в том случае, если страница не является AM, но AMP-версия также доступна. AMP Web Validator – это простой веб-инструмент для проверки AM-страниц.
Перспективы и сложности AMP
Пожалуй, одна из самых неприятных вещей, связанных с мобильным интернетом – это то, что 53% пользователей закроют сайт в браузере, если он загружается дольше 3 секунд. AMP может значительно улучшить время загрузки вашего WordPress сайта. И помните, что скорость загрузки – один из факторов ранжирования. За прошедший год были выполнены многие улучшения, и теперь в Google AMP доступны возможности рекламы.
Все CSS должны быть встроенными (inline) и «размеро-привязанными»
Тем не менее, ряд экспертов предлагают создавать обе версии для лучшей совместимости и преимуществ SEO . Необходим сайт, мобильное приложение, услуги по SEO или контекстной рекламе?
Сервис работает БЕСПЛАТНО как для заказчиков, так и для исполнителей. Видимость. Сделайте страницы видимыми для пользователей. Проверка. Узнайте, правильно ли созданы страницы. Разметьте содержание страниц. Статус. Отслеживайте эффективность страниц с помощью Search Console. Будет немного экономтеории в упрощенном изложении и несколько интересных иллюстраций. Таким образом, AMP загружает макет страницы, не дожидаясь загрузки каких-либо других (включая внешних) ресурсов.
Загрузка страниц «мгновенно»
AMP поддерживает расширения для таких элементов как лайтбоксы, вставки Instagram, встраиваемые кнопки социальных сетей и т.д. Веб-шрифты являются супер большой нагрузкой, поэтому оптимизация веб-шрифтов имеет решающее значение для производительности – скорости загрузки сайтов.
Каждый раз, когда вы хотите что-то загрузить в браузере (измерить), это вызывает перерасчеты стилей CSS, потому что браузер для отображения страницы должен иметь макет всей страницы. Это гарантирует, что произойдет максимум один пересчет стилей во фрейме/странице.
В частности, AMP позволяет анимировать и запускать переходные изображения (при использовании преобразования и непрозрачности) только таким образом, чтобы не требовался вызов макета страницы. Когда AMP производит загрузки ресурсов, то оптимизирует процесс загрузки таким образом, что в наиболее важные ресурсы будут гарантированно загружены в первую очередь.
При этом, страница использует предиктивный метод (когда знает, на что кликнет пользователь, и уже начинает пред-загружать этот контент), что приводит к мгновенной загрузки. Добро пожаловать в более скоростной мобильный интернет. Для поисковой системы Google это была тяжелая неделя.
И хотя это было ожидаемо, так как Google говорил о запуске AMP-страниц, назначенном на “поздний Февраль”, и уже во вторник люди стали замечать небольшую иконку под AMP-страницами. AMP-страницы — это общедоступный бесплатный проект, нацеленный на улучшение работы мобильного интернета. Когда в декабре только анонсировали выход AMP-страниц, поговаривали, что эти страницы будут отмечены ‘быстрым’ значком (что-то похожее на ‘мобильный’ значок).
На момент написания статьи плагин имел более 4000 активных установок с оценкой 4.5/5. Вы можете скачать плагин из официального каталога WordPress. Появились целые новые отрасли — для создания продуктов для мобильных устройств, такие как мобильные приложения, носимые гаджеты, и др. технологии. Также вы можете проверить ваш сайт на ошибки AMP в Google Search Console в разделе «Search Appearance».
