Compressor de AMP HTML

Comprima páginas AMP HTML removendo comentários não conformes com o AMP e espaços extras para uma entrega AMP mais rápida. Nosso compressor de amp html minifica seu bloco <style amp-custom> e preserva o boilerplate obrigatório do AMP exatamente como especificado. Inclui verificações de validação da estrutura AMP para elementos obrigatórios ausentes. Todo o processamento roda no seu navegador. Sem cadastro.

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

Por que usar nosso compressor de AMP HTML?

Compressão AMP HTML instantânea: comprima páginas AMP HTML na hora, direto no navegador — sem envio para servidor e sem ferramentas de build. Nosso compressor de amp html remove comentários e compacta espaços, preservando o boilerplate obrigatório do AMP e os blocos de script.
Compressor de AMP HTML online seguro: seu AMP HTML nunca sai do seu dispositivo ao usar este compressor de amp html. O processamento 100% no lado do cliente garante privacidade total — sem armazenamento em nuvem, sem logs de servidor e sem exposição do conteúdo da página.
Compressor de AMP HTML sem instalação: comprima AMP HTML diretamente no navegador, sem pacotes npm, sem ferramentas de build e sem conta. Este compressor de amp html gratuito funciona em qualquer navegador moderno e em qualquer sistema operacional.
Verificações de validação AMP e minificação de estilos: receba avisos de validação da estrutura AMP (boilerplate ausente, link canônico, script de runtime) e a minificação automática do seu bloco <style amp-custom> — tudo em uma única passada com o compressor de amp html.

Casos de uso comuns do compressor de AMP HTML

Otimização da entrega de páginas AMP: use o compressor de amp html antes de publicar páginas AMP para reduzir o tamanho servido pelo seu servidor de origem. Um AMP HTML menor reduz o tempo de análise e melhora a velocidade de renderização inicial das suas páginas AMP.
Desempenho no cache AMP: use o compressor de amp html para reduzir o tamanho das páginas AMP antes que sejam armazenadas em cache pelo Google AMP Cache. Páginas menores são armazenadas com mais eficiência e reduzem o custo de banda ao serem servidas por cdn.ampproject.org.
Fluxo de desenvolvimento AMP: use o compressor de amp html como parte do seu fluxo de desenvolvimento AMP para verificar o tamanho comprimido das páginas antes da publicação. O painel de validação AMP destaca cedo os elementos obrigatórios ausentes.
Redução de banda em CDN e origem: use o compressor de amp html para reduzir o custo de banda ao servir páginas AMP pela sua origem. Com 100 mil visualizações diárias, reduzir uma página AMP de 15 KB para 10 KB economiza 500 MB de banda por dia.
Otimização para editoras e sites de notícias: use o compressor de amp html em sites de notícias e editoras com grandes arquivos de artigos AMP. Comprimir o AMP HTML de milhares de artigos reduz custos de armazenamento e banda em escala.
Compressão de AMP para e-mail: use o compressor de amp html em páginas de AMP for Email — reduzir o peso do HTML ajuda a respeitar os limites de tamanho dos clientes de e-mail e melhora a velocidade de renderização no Gmail e em outros clientes compatíveis com AMP.

O que é compressão de AMP HTML?

A compressão de AMP HTML é o processo de reduzir o tamanho de um documento HTML AMP (Accelerated Mobile Pages) removendo caracteres desnecessários — comentários, espaços extras e atributos redundantes — preservando estritamente a estrutura AMP obrigatória. Nosso compressor de amp html aplica regras de compressão cientes do AMP: remove comentários HTML, compacta espaços entre tags e minifica o bloco <style amp-custom>, mas preserva o <style amp-boilerplate> exatamente como exige a especificação do AMP e protege todos os blocos <script> de qualquer modificação.

Como funciona nosso compressor de AMP HTML

1 Cole ou envie seu AMP HTML: insira o HTML da sua página AMP na área de entrada ou envie um arquivo .html. O compressor de amp html aceita qualquer AMP HTML — artigos, landing pages, páginas de produto ou templates de AMP for Email.
2 Compressão instantânea no navegador: clique em "Comprimir AMP HTML" e o compressor de amp html removerá comentários, compactará espaços, minificará seus estilos personalizados e executará verificações de validação da estrutura AMP. Nenhum dado é enviado a nenhum servidor.
3 Copie ou baixe a saída comprimida: copie o AMP HTML comprimido para a área de transferência ou baixe como arquivo .html. O painel de validação AMP mostra qualquer elemento AMP obrigatório ausente detectado durante a compressão.

O que o compressor de AMP HTML remove e preserva

Remove — comentários HTML: todos os comentários  são retirados da saída AMP HTML. Os comentários não são renderizados pelos navegadores e adicionam bytes desnecessários a cada requisição de página.
Remove — espaços extras: espaços entre tags HTML, linhas vazias e indentação redundante são compactados. Esta é a maior fonte de economia em AMP HTML bem formatado.
Minifica — <style amp-custom>: o bloco de CSS personalizado é minificado com as mesmas regras do Compressor de bundle CSS — removendo comentários, compactando espaços e aplicando otimizações de forma abreviada.
Preserva — boilerplate AMP: o boilerplate <style amp-boilerplate> e <noscript> é preservado exatamente como exige a especificação do AMP. Modificar o boilerplate causa falhas de validação do AMP.

Limites de tamanho e boas práticas de AMP HTML

As páginas AMP têm um limite de 75 KB de CSS para <style amp-custom> e nenhum limite explícito de tamanho de HTML, mas páginas menores carregam mais rápido e são armazenadas em cache com mais eficiência. O compressor de amp html ajuda você a permanecer dentro do limite de CSS minificando seus estilos personalizados. Para o máximo desempenho em AMP, ative também a compressão GZIP ou Brotli no seu servidor de origem — o AMP HTML costuma alcançar 70% a 80% de compressão GZIP. Valide sua página AMP comprimida em validator.ampproject.org antes de publicar.

Perguntas frequentes

Um compressor de amp html reduz o tamanho de um documento AMP HTML removendo comentários, compactando espaços e minificando estilos personalizados — sempre preservando o boilerplate obrigatório do AMP. Nosso compressor de amp html gratuito funciona inteiramente no seu navegador.

O compressor de amp html aplica transformações seguras para o AMP — preserva o boilerplate do AMP exatamente, protege todos os blocos de script e remove apenas comentários e espaços. Valide sempre em validator.ampproject.org antes de publicar.

Com certeza. O compressor de amp html processa tudo localmente no seu navegador. Seu AMP HTML nunca é enviado para nenhum servidor e nunca sai do seu dispositivo.

Sim — 100% grátis, para sempre. Sem cadastro, sem conta, sem plano premium, sem limite de tamanho de arquivo e sem anúncios.

O boilerplate do AMP deve corresponder à string exata especificada na especificação do AMP. Qualquer modificação causa falhas de validação do AMP. O compressor de amp html preserva o boilerplate exatamente como exigido.

As páginas AMP têm um limite de 75 KB para o bloco <style amp-custom>. O compressor de amp html minifica seu CSS personalizado para ajudar você a permanecer dentro desse limite.

O compressor de amp html faz verificações estruturais básicas — DOCTYPE ausente, atributo AMP, script de runtime, boilerplate e link canônico. Para validação completa, use validator.ampproject.org.

A compressão típica de AMP HTML alcança redução de 10% a 30%, dependendo da quantidade de espaços e comentários no seu código-fonte.

Sim — minificação e GZIP são complementares. Minifique primeiro com o compressor de amp html e depois ative GZIP ou Brotli no seu servidor. O AMP HTML costuma alcançar 70% a 80% de compressão GZIP.