AMP от Google. Ускоряемся и взлетаем в выдаче::Журнал СА 06.2016
www.samag.ru
Журнал «БИТ. Бизнес&Информационные технологии»      
Поиск   
              
 www.samag.ru    Web  0 товаров , сумма 0 руб.
E-mail
Пароль  
 Запомнить меня
Регистрация | Забыли пароль?
Журнал "Системный администратор"
Журнал «БИТ»
Подписка
Архив номеров
Где купить
Наука и технологии
Авторам
Рекламодателям
Контакты
   

  Опросы
  Статьи

Мобильные приложения  

Искусственный интеллект в мобильных приложениях: возможности и перспективы

Обзор современных применений ИИ в мобильных приложениях, анализ перспектив развития этой технологии,

 Читать далее...

ИТ-образование  

Как сделать ИТ-образование эффективным?

Эксперты ИТ-отрасли отвечают на вопросы «СА». Обсуждаем ключевые аспекты для улучшения образовательных

 Читать далее...

Work-life balance  

Как айтишнику найти баланс между работой и личной жизнью?

Обсуждаем инструменты для эффективного управления временем, снижения уровня стресса и достижения гармонии. На

 Читать далее...

Книжная полка  

Всё самое нужное – под одной обложкой

Отличительная черта книжных новинок, выпущенных недавно издательством «БХВ» – это их универсальность. Не просто

 Читать далее...

ИТ-инфраструктура  

Системы мониторинга ИТ-инфраструктуры-2025

Без мониторинга ИТ-инфраструктуры не обходится ни одна компания, хотя бы потому, что

 Читать далее...

Открытое ПО  

Безопасность Open Source: рискуем или контролируем?

Компания «Кросс технолоджис» изучила, как используется ПО с открытым кодом в компаниях

 Читать далее...

Работа с нейросетью  

Скажи, есть ли у тебя AI, и я скажу, кто ты

Недавно сервис по поиску работы SuperJob выяснил, что каждый второй россиянин уже

 Читать далее...

Опрос  

Защита личных и клиентских данных: как мошенники используют ИИ и как защититься?

По данным RED Security, общее число кибератак на российские компании в 2024

 Читать далее...

Опрос  

Облачные инструменты для разработчиков

Эксперты ИТ-отрасли отвечают на вопросы «Системного администратора» > Как с помощью облака сделать

 Читать далее...

Опрос  

Рынок мобильных приложений: что будет актуальным в 2025 году?

Эксперты ИТ-отрасли отвечают на вопросы «Системного администратора» > Ваши прогнозы: чего ожидать от

 Читать далее...

Рынок труда  

Как успешно пройти все этапы собеседования на ИТ-должность?

По оценкам государства, дефицит ИТ-специалистов составляет от 740 тысяч до 1 миллиона

 Читать далее...

Исследование  

Как искусственный интеллект меняет банковское обслуживание: от чат-ботов до автоматического одобрения кредитов

Искусственный интеллект (AI) всё глубже проникает в банковский сектор, меняя способы обслуживания

 Читать далее...

Спецпроект «Базальт СПО». Развитие Open Source в России  

Алексей Смирнов: «Сейчас трудно найти программный продукт, в котором нет свободного кода»

Какое будущее ждет свободное ПО? Влияет ли свободная или несвободная разработка на

 Читать далее...

Спецпроект «Базальт СПО». Развитие Open Source в России  

Николай Костригин: «Мы создали Hantis, конвейер автоматизации. Проекты, исследуемые разными инструментами, переходят от одного исполнителя к другому, развиваются, возвращаются к автору, и так по кругу»

О том, как идет работа по повышению безопасности отечественного программного обеспечения, рассказывает

 Читать далее...

1001 и 1 книга  
19.03.2018г.
Просмотров: 7980
Комментарии: 0
Машинное обучение с использованием библиотеки Н2О

 Читать далее...

12.03.2018г.
Просмотров: 8241
Комментарии: 0
Особенности киберпреступлений в России: инструменты нападения и защита информации

 Читать далее...

12.03.2018г.
Просмотров: 5583
Комментарии: 0
Глубокое обучение с точки зрения практика

 Читать далее...

12.03.2018г.
Просмотров: 3526
Комментарии: 0
Изучаем pandas

 Читать далее...

12.03.2018г.
Просмотров: 4325
Комментарии: 0
Программирование на языке Rust (Цветное издание)

 Читать далее...

19.12.2017г.
Просмотров: 4325
Комментарии: 0
Глубокое обучение

 Читать далее...

19.12.2017г.
Просмотров: 6873
Комментарии: 0
Анализ социальных медиа на Python

 Читать далее...

19.12.2017г.
Просмотров: 3680
Комментарии: 0
Основы блокчейна

 Читать далее...

19.12.2017г.
Просмотров: 3950
Комментарии: 0
Java 9. Полный обзор нововведений

 Читать далее...

16.02.2017г.
Просмотров: 7851
Комментарии: 0
Опоздавших не бывает, или книга о стеке

 Читать далее...

17.05.2016г.
Просмотров: 11197
Комментарии: 0
Теория вычислений для программистов

 Читать далее...

30.03.2015г.
Просмотров: 12931
Комментарии: 0
От математики к обобщенному программированию

 Читать далее...

18.02.2014г.
Просмотров: 14694
Комментарии: 0
Рецензия на книгу «Читаем Тьюринга»

 Читать далее...

13.02.2014г.
Просмотров: 9630
Комментарии: 0
Читайте, размышляйте, действуйте

 Читать далее...

12.02.2014г.
Просмотров: 7592
Комментарии: 0
Рисуем наши мысли

 Читать далее...

10.02.2014г.
Просмотров: 5882
Комментарии: 4
Страна в цифрах

 Читать далее...

18.12.2013г.
Просмотров: 5065
Комментарии: 0
Большие данные меняют нашу жизнь

 Читать далее...

18.12.2013г.
Просмотров: 3915
Комментарии: 0
Компьютерные технологии – корень зла для точки роста

 Читать далее...

04.12.2013г.
Просмотров: 3601
Комментарии: 0
Паутина в облаках

 Читать далее...

03.12.2013г.
Просмотров: 3836
Комментарии: 1
Рецензия на книгу «MongoDB в действии»

 Читать далее...

Друзья сайта  

 AMP от Google. Ускоряемся и взлетаем в выдаче

Архив номеров / 2016 / Выпуск №6 (163) / AMP от Google. Ускоряемся и взлетаем в выдаче

Рубрика: Разработка /  Веб-технологии

Александр Майоров АЛЕКСАНДР МАЙОРОВ, Tutu.ru, руководитель отдела Frontend-разработки, alexander@majorov.su

AMP от Google
Ускоряемся и взлетаем в выдаче

Сейчас все уже привыкли к широкополосному интернету без ограничений. Браузеры позволяют реализовывать сложные технологические решения. При этом актуальна проблема медленного интернета и интернета в роуминге, про которую забывают порой веб-разработчики. Разбираемся с новой технологией от поискового гиганта

Проблема ожирения сайтов привела к новым изысканиям в области ускорения загрузки и рендеринга страниц. Google решил кардинально данную проблему с помощью своей новой технологии AMP.

Эти три магические буквы

AMP расшифровывается как Accelerated Mobile Pages (AMP) – это новый формат открытого типа, созданный на базе существующих веб-технологий, позволяет создавать облегченные версии стандартных веб-страниц. Проще говоря, это технология ускорения работы веб-страниц на мобильных устройствах. В первую очередь для оптимизации иускорения загрузки контентных страниц (т.е. статей, новостей, обзоров, фото/видео и т.д.). Это тот же самый HTML, но специально оформленный по определенным правилам. Рендеринг страницы осуществляется с помощью скрипта AMP runtime, который берет на себя оптимизацию рендеринга.

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

Разработчики в Google считают, что производительность веб-страницы существенно зависит от числа JavaScript-кода разнообразных библиотек, реализующих различную динамическую функциональность (и я с ними согласен в этом утверждении).

Вместо явного или неявного использования JavaScript для таких элементов, как, к примеру, фотогалереи или блоки комментариев, разработчикам предлагается использовать готовые веб-компоненты, специально разработанные для библиотеки AMP HTML. Список таких компонентов пока не очень велик, но он будет дополняться. Они разрабатываются таким образом, что JavaScript-код этих компонентов не должен существенно влиять на производительность веб-страниц.

Говоря другими словами, при использовании разметки AMP HTML на страницу накладывается ряд ограничений, таких как запрет на использование любых JavaScript-скриптов, кроме самой библиотеки AMP и ее расширений. Также необходимо использовать особые элементы AMP вместо привычных. К примеру, для отображения изображений следует использовать тег amp-img вместо стандартного img. Нельзя вставлять свои слайдеры для фотографий – для этого же есть специальный компонент. А чтобы посмотреть полноразмерную фотографию при клике на картинку, надо использовать версию лайтбокса от Google, а не компоненты, написанные на всеми любимом jQuery.

Это сделано для нас. AMP сам определит, какую картинку в каком разрешении нужно отдать пользователю, причем отдаст ее со своего CDN, а не с вашего сервера. Кстати, такой подход вполне может еще и снять нагрузку с вашего сайта, так как вместо того, чтобы зайти к вам на сервер, пользователь получит страницу с серверов Google.

Вышеперечисленные ограничения проверяются специальным валидатором, включенным в библиотеку AMP. Добавив к адресу страницы #development=1, можно получить вбраузерной консоли разработчика статус страницы и увидеть ошибки разметки.

Статью целиком читайте в журнале «Системный администратор», №06 за 2016 г. на страницах 54-57.

PDF-версию данного номера можно приобрести в нашем магазине.


  1. Страница на GitHub – https://github.com/ampproject/amphtml.
  2. Сайт проекта AMP – https://www.ampproject.org.

Комментарии отсутствуют

Добавить комментарий

Комментарии могут оставлять только зарегистрированные пользователи

               Copyright © Системный администратор

Яндекс.Метрика
Tel.: (499) 277-12-45
E-mail: sa@samag.ru