Compresor de AMP HTML

Comprime páginas AMP HTML eliminando comentarios no conformes con AMP y espacios sobrantes para una entrega AMP más rápida. Nuestro compresor de amp html minifica tu bloque <style amp-custom> y conserva el boilerplate obligatorio de AMP exactamente como se especifica. Incluye comprobaciones de validación de la estructura AMP para detectar elementos obligatorios ausentes. Todo el procesamiento se ejecuta en tu navegador. Sin registro.

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 qué usar nuestro compresor de AMP HTML?

Compresión AMP HTML instantánea: comprime páginas AMP HTML al instante en tu navegador, sin subir nada a un servidor y sin herramientas de compilación. Nuestro compresor de amp html elimina comentarios y compacta espacios en blanco, y conserva el boilerplate obligatorio de AMP y los bloques de script.
Compresor de AMP HTML online seguro: tu AMP HTML nunca sale de tu dispositivo cuando usas este compresor de amp html. El procesamiento 100 % en el lado del cliente supone total privacidad: sin almacenamiento en la nube, sin registros de servidor y sin exponer el contenido de la página.
Compresor de AMP HTML sin instalación: comprime AMP HTML directamente en tu navegador, sin paquetes npm, sin herramientas de compilación y sin cuenta. Este compresor de amp html gratuito funciona en cualquier navegador moderno y en cualquier sistema operativo.
Comprobaciones de validación AMP y minificación de estilos: obtén avisos de validación de la estructura AMP (boilerplate ausente, enlace canónico, script de runtime) y la minificación automática de tu bloque <style amp-custom>, todo en una sola pasada con el compresor de amp html.

Casos de uso habituales del compresor de AMP HTML

Optimización de la entrega de páginas AMP: usa el compresor de amp html antes de desplegar páginas AMP para reducir el tamaño que sirve tu servidor de origen. Un AMP HTML más pequeño reduce el tiempo de análisis y mejora la velocidad de renderizado inicial de tus páginas AMP.
Rendimiento en la caché AMP: usa el compresor de amp html para reducir el tamaño de las páginas AMP antes de que las almacene en caché la Google AMP Cache. Las páginas más pequeñas se cachean de forma más eficiente y reducen el coste de ancho de banda al servirse desde cdn.ampproject.org.
Flujo de desarrollo AMP: usa el compresor de amp html como parte de tu flujo de desarrollo AMP para comprobar el tamaño comprimido de tus páginas antes de desplegarlas. El panel de validación AMP resalta con antelación los elementos obligatorios ausentes.
Reducción del ancho de banda en CDN y origen: usa el compresor de amp html para reducir el coste de ancho de banda al servir páginas AMP desde tu origen. Con 100 000 vistas diarias de páginas AMP, reducir una página AMP de 15 KB a 10 KB ahorra 500 MB de ancho de banda al día.
Optimización para editores y sitios de noticias: usa el compresor de amp html en sitios de noticias y editoriales con grandes archivos de artículos AMP. Comprimir AMP HTML en miles de artículos reduce los costes de almacenamiento y ancho de banda a escala.
Compresión de AMP para correo electrónico: usa el compresor de amp html en páginas de AMP for Email: reducir el tamaño del HTML ayuda a mantenerse dentro de los límites de tamaño de los clientes de correo y mejora la velocidad de renderizado en Gmail y otros clientes compatibles con AMP.

¿Qué es la compresión de AMP HTML?

La compresión de AMP HTML es el proceso de reducir el tamaño de un documento HTML de AMP (Accelerated Mobile Pages) eliminando caracteres innecesarios (comentarios, espacios en blanco sobrantes y atributos redundantes) y preservando estrictamente la estructura AMP obligatoria. Nuestro compresor de amp html aplica reglas de compresión conscientes de AMP: elimina los comentarios HTML, compacta los espacios entre etiquetas y minifica el bloque <style amp-custom>, pero conserva el <style amp-boilerplate> exactamente como exige la especificación AMP y protege todos los bloques <script> de cualquier modificación.

Cómo funciona nuestro compresor de AMP HTML

1 Pega o sube tu AMP HTML: introduce el HTML de tu página AMP en el área de entrada o sube un archivo .html. El compresor de amp html acepta cualquier AMP HTML: artículos, landing pages, páginas de producto o plantillas de AMP for Email.
2 Compresión instantánea en el navegador: haz clic en «Comprimir AMP HTML» y el compresor de amp html eliminará comentarios, compactará espacios, minificará tus estilos personalizados y ejecutará comprobaciones de validación de la estructura AMP. No se envía ningún dato a ningún servidor.
3 Copia o descarga la salida comprimida: copia el AMP HTML comprimido al portapapeles o descárgalo como archivo .html. El panel de validación AMP muestra cualquier elemento AMP obligatorio ausente detectado durante la compresión.

Qué elimina y qué conserva el compresor de AMP HTML

Elimina: comentarios HTML. Todos los comentarios  se eliminan de la salida AMP HTML. Los comentarios no los representan los navegadores y añaden bytes innecesarios a cada petición de página.
Elimina: espacios en blanco sobrantes. Los espacios entre etiquetas HTML, las líneas en blanco y la sangría redundante se compactan. Es la mayor fuente de ahorro en AMP HTML bien formateado.
Minifica: <style amp-custom>. El bloque de CSS personalizado se minifica con las mismas reglas que el Compresor de bundles CSS: eliminar comentarios, compactar espacios y aplicar optimizaciones de forma abreviada.
Conserva: boilerplate de AMP. El boilerplate <style amp-boilerplate> y <noscript> se conserva exactamente como exige la especificación AMP. Modificar el boilerplate provoca fallos de validación de AMP.

Límites de tamaño y buenas prácticas de AMP HTML

Las páginas AMP tienen un límite de 75 KB de CSS para <style amp-custom> y ningún límite explícito de tamaño HTML, pero las páginas más pequeñas cargan más rápido y se cachean de forma más eficiente. El compresor de amp html te ayuda a mantenerte dentro del límite de CSS minificando tus estilos personalizados. Para obtener el máximo rendimiento AMP, activa también la compresión GZIP o Brotli en tu servidor de origen: el AMP HTML suele alcanzar una compresión GZIP del 70-80 %. Valida tu página AMP comprimida en validator.ampproject.org antes de desplegarla.

Preguntas frecuentes

Un compresor de amp html reduce el tamaño de un documento AMP HTML eliminando comentarios, compactando espacios en blanco y minificando estilos personalizados, a la vez que conserva el boilerplate obligatorio de AMP. Nuestro compresor de amp html gratuito funciona por completo en tu navegador.

El compresor de amp html aplica transformaciones seguras para AMP: conserva el boilerplate de AMP exactamente, protege todos los bloques de script y solo elimina comentarios y espacios en blanco. Valida siempre en validator.ampproject.org antes de desplegar.

Por supuesto. El compresor de amp html procesa todo localmente en tu navegador. Tu AMP HTML nunca se sube a ningún servidor y nunca sale de tu dispositivo.

Sí, 100 % gratis para siempre. Sin registro, sin cuenta, sin plan premium, sin límites de tamaño de archivo y sin anuncios.

El boilerplate de AMP debe coincidir con la cadena exacta especificada en la especificación de AMP. Cualquier modificación provoca fallos de validación de AMP. El compresor de amp html conserva el boilerplate exactamente como se exige.

Las páginas AMP tienen un límite de 75 KB para el bloque <style amp-custom>. El compresor de amp html minifica tu CSS personalizado para ayudarte a mantenerte dentro de este límite.

El compresor de amp html realiza comprobaciones estructurales básicas: DOCTYPE ausente, atributo AMP, script de runtime, boilerplate y enlace canónico. Para una validación completa, usa validator.ampproject.org.

La compresión típica de AMP HTML logra una reducción de tamaño del 10 al 30 % según la cantidad de espacios y comentarios que haya en tu código fuente.

Sí: la minificación y GZIP son complementarios. Minifica primero con el compresor de amp html y luego activa GZIP o Brotli en tu servidor. El AMP HTML suele alcanzar una compresión GZIP del 70-80 %.