Google представляє новий інструмент розробникам для створення швидких і продуктивних мобільних сторінок в рамках програми глобальної мобілізації.
AMP - Accelerated Mobile Pages - відкритий код для створення швидко завантажуються мобільних версій сайту, розроблений за ініціативою Google. Мета розробки - зробити мобільний інтернет швидше, продуктивніше і доступніше зі всіх типів мобільних пристроїв в будь-якій точці світу.
Новий формат AMP HTML створений для простого і швидкого кодування полегшених сторінок.
Навіщо потрібен AMP?
Google бачить своєю основною метою надання вільного доступу до інформації кожному користувачеві. Мобільний інтернет сьогодні використовується не тільки для розваг, а все більше для вирішення важливих питань, коли швидкість отримання інформації виходить на перший план.
Ми приводили дослідження Kissmetrics, що показує, скільки користувачі готові чекати завантаження сторінки. Власне дослідження Google показує, що онлайн-покупці готові чекати не більше 3 секунд. поки відобразиться працездатна сторінка сайту.
Сторінки, створені за допомогою AMP коду, завантажуються в 4 рази швидше, використовуючи при цьому в 10 разів менше даних, ніж при завантаженні стандартної сторінки.
поширення
AMP забезпечує не тільки високу швидкість завантаження сайту, але і якісно нове поширення, завдяки застосуванню нових технологій кешування Google. Це означає, що одна і та ж сторінка буде однаково швидко завантажуватися на будь-якому типі пристрою в будь-якій точці світу. Google обіцяє, що кеш-сервера будуть безкоштовними.
Спочатку розробники планували зробити мітку FAST. як більш інтуїтивно зрозумілу користувачам. На ділі ж сайти отримують знак, який користувачі навчаться тлумачити тільки випробувавши завантаження такого сайту на мобільному пристрої.
AMP складається з трьох частин:
AMP HTML - звичайний HTML код з деякими обмеженнями для більш стабільної роботи і розширеннями для кодування більш продуктивних сторінок, створення яких не представляється можливим в рамках традиційного HTML коду.
Простий AMP HTML файл виглядає наступним чином:
Як бачимо, код використовує стандартні HTML теги, і тільки деякі і них замінені особливими AMP-тегами. В даному матеріалі представлена повна таблиця заборон і замін стандартних HTML тегів в AMP HTML.
AMP JS дозволяє набагато швидше завантажити та відобразити цю сторінку користувачеві. Основною перевагою технології є асинхронна завантаження сторінки. Це гарантує, що завантаження одного елемента ніяк не впливає на завантаження інших елементів сторінки.
Google AMP Cache - нова технологія кешірвоанія моментально перехоплює АМР-валідниє сторінки, кешируєт і тим самим автоматично покращує відображення і продуктивність сторінки на мобільному пристрої.
Google AMP Cache використовує власний інструмент перевірки валідності AMP-сторінки, що гарантує її працездатність і продуктивність незалежно від потужності пристрою, з якого її відкривають. Система валідації проводить кілька тестів, що підтверджують, що розмітка сторінки відповідає стандартам AMP HTML.