Google рассказал о новой инициативе для ускорения работы веб-страниц на мобильных устройствах: Accelerated Mobile Pages

Сегодня в официальном блоге Google появился ^[1] анонс новой открытой инициативы поискового гиганта Accelerated Mobile Pages ^[2] (AMP), предназначенной для ускорения работы веб-страниц на мобильных устройствах. Речь идёт об использовании веб-программистами специальной библиотеки AMP HTML, код которой в статусе технического превью доступен на github ^[3]. Неофициальным символом библиотеки является значок молнии "⚡", подразумевая тем самым скорость её работы на мобильных устройствах.

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

Сейчас библиотека AMP HTML содержит всего 4 компонента и специальный валидатор, при помощи которого можно убедиться создана ли страница по стандарту AMP. Если к URL добавить "#development=1", то библиотека выполнит ряд assert-методов, чтобы выяснить подходит ли разметка страницы принципам AMP, и выведет результаты в консоль браузера. Простейшая веб-страница должна выглядеть примерно следующим образом:

<!doctype html>
<html ⚡>
<head>
  <meta charset="utf-8">
  <link rel="canonical" href="hello-world.html" >
  <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no,minimal-ui">
  <script src="https://cdn.ampproject.org/v0.js" async></script>
  <style>body {opacity: 0}</style><noscript><style>body {opacity: 1}</style></noscript>
</head>
<body>Hello World!</body>
</html>

Для примера готовых AMP-документов Google предлагает попробовать свой поиск — зайти на него с мобильного устройства можно по этому URL: g.co/ampdemo ^[6]. Оценить как это выглядит визуально можно при помощи gif-анимации:

Google рассказал о новой инициативе для ускорения работы веб-страниц на мобильных устройствах: Accelerated Mobile Pages - 1

Есть вариант документа ^[7] и попроще: в нём как раз идёт речь об идеологии AMP.

Автор: jeston

Источник ^[8]

Сайт-источник PVSM.RU: https://www.pvsm.ru

Путь до страницы источника: https://www.pvsm.ru/programmirovanie/100314

Ссылки в тексте:

[1] появился: https://googleblog.blogspot.com/2015/10/introducing-accelerated-mobile-pages.html

[2] Accelerated Mobile Pages: https://www.ampproject.org/

[3] github: https://github.com/ampproject/amphtml

[4] Web Components: http://webcomponents.org/

[5] здесь: https://github.com/ampproject/amphtml/blob/master/builtins/README.md

[6] g.co/ampdemo: http://g.co/ampdemo

[7] документа: https://www.ampproject.org/how-it-works/

[8] Источник: http://geektimes.ru/post/263594/

Нажмите здесь для печати.