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

в 19:09, , рубрики: amp, Google, мобильная разметка, Программирование

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

AMP HTML считает, что производительность веб-страницы существенно зависит от числа JavaScript-кода разнообразных библиотек, реализующих различную динамическую функциональность. Вместо явного или неявного использования JavaScript для таких элементов как, к примеру, различные голосовалки или видео, разработчикам предлагается использовать Web Components, специально разработанные для AMP HTML. Список таких компонентов можно посмотреть здесь. 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. Оценить как это выглядит визуально можно при помощи gif-анимации:

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

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

Автор: jeston

Источник

* - обязательные к заполнению поля


https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js