Компрессор AMP HTML

Сжимайте AMP HTML-страницы, удаляя несовместимые с AMP комментарии и лишние пробелы для более быстрой доставки AMP. Наш компрессор amp html минифицирует блок <style amp-custom> и сохраняет обязательный boilerplate AMP точно в соответствии со спецификацией. Включает проверки структуры AMP на отсутствующие обязательные элементы. Вся обработка выполняется в вашем браузере. Без регистрации.

AMP HTML Compressor

Compress AMP HTML pages by removing non-AMP compliant comments and excess whitespace - minifies <style amp-custom> content while preserving the required AMP boilerplate. Includes AMP validation checks. All processing runs locally in your browser.

AMP HTML Input

2.52 KBUpload .html

<!doctype html>
<html ⚡ lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">
    <title>My AMP Page</title>
    
    <link rel="canonical" href="https://example.com/my-page">
    <script async src="https://cdn.ampproject.org/v0.js"></script>
    
    <style amp-boilerplate>body{-webkit-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-moz-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-ms-animation:-amp-start 8s steps(1,end) 0s 1 normal both;animation:-amp-start 8s steps(1,end) 0s 1 normal both}@-webkit-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-moz-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-ms-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}</style>
    <noscript><style amp-boilerplate>body{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none}</style></noscript>
    <style amp-custom>
      /* Page styles */
      body {
        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
        margin: 0px;
        padding: 0px;
        background-color: #ffffff;
        color: #333333;
      }

.container {
        max-width: 800px;
        margin: 0px auto;
        padding: 16px;
      }

h1 {
        font-size: 2rem;
        font-weight: bold;
        color: #111111;
        margin-bottom: 16px;
      }

/* Article styles */
      .article-body {
        line-height: 1.6;
        font-size: 1rem;
      }
    </style>
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "Article",
      "headline": "My AMP Article",
      "author": { "@type": "Person", "name": "John Doe" }
    }
    </script>
  </head>
  <body>
    
    <div class="container">
      <h1>Welcome to My AMP Page</h1>

<amp-img
        src="https://example.com/hero.jpg"
        width="800"
        height="400"
        layout="responsive"
        alt="Hero image">
      </amp-img>

<div class="article-body">
        <p>
          This is an AMP page with some content.
          AMP pages load faster because they follow strict rules.
        </p>

<p>
          <a href="https://example.com/more">Read more articles</a>
        </p>
      </div>
    </div>
  </body>
</html>

Compressed AMP HTML Output

Почему стоит использовать наш компрессор AMP HTML?

Мгновенное сжатие AMP HTML: сжимайте AMP HTML-страницы сразу в браузере — без загрузки на сервер и без инструментов сборки. Наш компрессор amp html удаляет комментарии и схлопывает пробелы, сохраняя обязательный boilerplate AMP и блоки script.
Безопасный онлайн-компрессор AMP HTML: ваш AMP HTML не покидает устройство при использовании этого компрессора amp html. Обработка на 100 % на стороне клиента означает полную приватность — без облачного хранения, серверных логов и раскрытия содержимого страницы.
Компрессор AMP HTML без установки: сжимайте AMP HTML прямо в браузере — без npm-пакетов, инструментов сборки и аккаунта. Этот бесплатный компрессор amp html работает в любом современном браузере и любой ОС.
Проверки валидации AMP и минификация стилей: получайте предупреждения о валидации структуры AMP (отсутствует boilerplate, каноническая ссылка, runtime-скрипт) и автоматическую минификацию блока <style amp-custom> — всё за один проход с компрессором amp html.

Типичные сценарии использования компрессора AMP HTML

Оптимизация доставки AMP-страниц: используйте компрессор amp html перед публикацией AMP-страниц, чтобы уменьшить объём, отдаваемый вашим origin-сервером. Меньший AMP HTML сокращает время разбора и ускоряет первый рендер AMP-страниц.
Производительность AMP-кэша: используйте компрессор amp html, чтобы уменьшить размер AMP-страниц до их кэширования в Google AMP Cache. Меньшие страницы кэшируются эффективнее и снижают затраты на трафик при отдаче через cdn.ampproject.org.
Рабочий процесс разработки AMP: используйте компрессор amp html как часть процесса разработки AMP, чтобы проверять сжатый размер страниц перед публикацией. Панель валидации AMP заранее подсвечивает отсутствующие обязательные элементы.
Снижение трафика CDN и origin: используйте компрессор amp html, чтобы снизить затраты на трафик при отдаче AMP-страниц с вашего origin. При 100 000 просмотров AMP-страниц в день уменьшение страницы с 15 КБ до 10 КБ экономит 500 МБ трафика в день.
Оптимизация для издателей и новостных сайтов: используйте компрессор amp html для новостных и издательских сайтов с большими архивами AMP-статей. Сжатие AMP HTML тысяч статей снижает затраты на хранение и трафик при масштабе.
Сжатие AMP для электронной почты: используйте компрессор amp html для страниц AMP for Email — уменьшение HTML-объёма помогает уложиться в ограничения размера почтовых клиентов и ускоряет рендеринг в Gmail и других AMP-совместимых клиентах.

Что такое сжатие AMP HTML?

Сжатие AMP HTML — это процесс уменьшения размера HTML-документа AMP (Accelerated Mobile Pages) путём удаления ненужных символов — комментариев, лишних пробелов и избыточных атрибутов — при строгом сохранении обязательной структуры AMP. Наш компрессор amp html применяет правила сжатия с учётом AMP: удаляет HTML-комментарии, схлопывает пробелы между тегами и минифицирует блок <style amp-custom>, но сохраняет <style amp-boilerplate> точно как требует спецификация AMP и защищает все блоки <script> от изменений.

Как работает наш компрессор AMP HTML

1 Вставьте или загрузите AMP HTML: введите HTML вашей AMP-страницы в область ввода или загрузите файл .html. Компрессор amp html принимает любой AMP HTML — статьи, лендинги, страницы товаров или шаблоны AMP for Email.
2 Мгновенное сжатие в браузере: нажмите «Сжать AMP HTML» — компрессор amp html удалит комментарии, схлопнет пробелы, минифицирует пользовательские стили и выполнит проверки структуры AMP. Никакие данные не отправляются на сервер.
3 Скопируйте или скачайте сжатый результат: скопируйте сжатый AMP HTML в буфер обмена или скачайте его как файл .html. Панель валидации AMP покажет отсутствующие обязательные элементы AMP, обнаруженные при сжатии.

Что компрессор AMP HTML удаляет и сохраняет

Удаляет — HTML-комментарии: все комментарии  удаляются из результата AMP HTML. Браузеры не отображают комментарии, и они добавляют лишние байты к каждому запросу страницы.
Удаляет — лишние пробелы: пробелы между HTML-тегами, пустые строки и избыточные отступы схлопываются. Это крупнейший источник экономии в аккуратно отформатированном AMP HTML.
Минифицирует — <style amp-custom>: блок пользовательского CSS минифицируется по тем же правилам, что и компрессор CSS-бандлов: удаление комментариев, схлопывание пробелов и сокращённые записи значений.
Сохраняет — boilerplate AMP: boilerplate <style amp-boilerplate> и <noscript> сохраняется точно как требует спецификация AMP. Изменение boilerplate приводит к ошибкам валидации AMP.

Лимиты размера и лучшие практики AMP HTML

Для AMP-страниц действует лимит 75 КБ CSS для <style amp-custom> и нет явного ограничения размера HTML, но меньшие страницы загружаются быстрее и кэшируются эффективнее. Компрессор amp html помогает уложиться в лимит CSS за счёт минификации пользовательских стилей. Для максимальной производительности AMP также включите сжатие GZIP или Brotli на origin-сервере — AMP HTML обычно достигает сжатия GZIP на 70–80 %. Проверьте сжатую AMP-страницу на validator.ampproject.org перед публикацией.

Часто задаваемые вопросы

Компрессор amp html уменьшает размер AMP HTML-документа, удаляя комментарии, схлопывая пробелы и минифицируя пользовательские стили, при этом сохраняя обязательный boilerplate AMP. Наш бесплатный компрессор amp html работает полностью в вашем браузере.

Компрессор amp html применяет безопасные для AMP преобразования: он сохраняет boilerplate AMP в точности, защищает все блоки script и удаляет только комментарии и пробелы. Всегда проверяйте страницу на validator.ampproject.org перед публикацией.

Безусловно. Компрессор amp html обрабатывает всё локально в вашем браузере. Ваш AMP HTML никогда не загружается на сервер и не покидает устройство.

Да — 100 % бесплатно, навсегда. Без регистрации, без аккаунта, без премиум-тарифа, без ограничений размера файла и без рекламы.

Boilerplate AMP должен точно совпадать со строкой, указанной в спецификации AMP. Любое изменение приводит к ошибкам валидации AMP. Компрессор amp html сохраняет boilerplate именно так, как требуется.

Для AMP-страниц действует лимит 75 КБ на блок <style amp-custom>. Компрессор amp html минифицирует ваш пользовательский CSS, помогая уложиться в этот лимит.

Компрессор amp html выполняет базовые структурные проверки: отсутствие DOCTYPE, атрибут AMP, runtime-скрипт, boilerplate и каноническую ссылку. Для полной валидации используйте validator.ampproject.org.

Типичное сжатие AMP HTML даёт сокращение размера на 10–30 % в зависимости от количества пробелов и комментариев в исходнике.

Да — минификация и GZIP дополняют друг друга. Сначала минифицируйте с помощью компрессора amp html, затем включите GZIP или Brotli на сервере. AMP HTML обычно достигает сжатия GZIP на 70–80 %.