Ответ
AMP (Accelerated Mobile Pages) — это фреймворк для создания быстрых и оптимизированных веб-страниц, преимущественно для мобильных устройств. Основная цель — мгновенная загрузка контента.
Особенности:
- Ограниченный JavaScript (только AMP-скрипты)
- Встроенная lazy-загрузка ресурсов
- Приоритетная загрузка контента
- Кеширование через Google AMP Cache
Пример AMP-страницы:
<!doctype html>
<html ⚡>
<head>
<meta charset="utf-8">
<title>AMP Page</title>
<link rel="canonical" href="regular-page.html">
<meta name="viewport" content="width=device-width">
<style amp-boilerplate>body{...}</style>
<script async src="https://cdn.ampproject.org/v0.js"></script>
</head>
<body>
<h1>Hello AMP!</h1>
<amp-img src="image.jpg" width="300" height="200" layout="responsive"></amp-img>
</body>
</html>Минусы:
- Ограниченная функциональность
- Сложности с кастомным JS
- SEO-риски (дубли контента)
Подходит для статичных страниц (новости, блоги), но не для сложных SPA.