Compresseur AMP HTML

Compressez vos pages AMP HTML en supprimant les commentaires non conformes à AMP et les espaces superflus pour une diffusion AMP plus rapide. Notre compresseur amp html minifie votre bloc <style amp-custom> tout en préservant exactement le boilerplate AMP obligatoire. Inclut des contrôles de validation de la structure AMP pour détecter les éléments obligatoires manquants. Tout le traitement se fait dans votre navigateur. Sans inscription.

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

Pourquoi utiliser notre compresseur AMP HTML ?

Compression AMP HTML instantanée : compressez vos pages AMP HTML instantanément dans votre navigateur — aucun envoi vers un serveur, aucun outil de build requis. Notre compresseur amp html supprime les commentaires et compacte les espaces tout en préservant le boilerplate AMP obligatoire et les blocs script.
Compresseur AMP HTML en ligne sécurisé : votre AMP HTML ne quitte jamais votre appareil lorsque vous utilisez ce compresseur amp html. Un traitement 100 % côté client garantit une confidentialité totale : aucun stockage cloud, aucun journal serveur, aucune exposition du contenu de la page.
Compresseur AMP HTML sans installation : compressez du AMP HTML directement dans votre navigateur, sans paquet npm, sans outil de build et sans compte. Ce compresseur amp html gratuit fonctionne sur tout navigateur moderne et tout système d'exploitation.
Contrôles de validation AMP et minification des styles : obtenez des avertissements de validation de la structure AMP (boilerplate manquant, lien canonique, script runtime) et la minification automatique de votre bloc <style amp-custom> — le tout en une seule passe avec le compresseur amp html.

Cas d'usage courants du compresseur AMP HTML

Optimisation de la diffusion des pages AMP : utilisez le compresseur amp html avant de déployer vos pages AMP afin de réduire le poids servi depuis votre serveur d'origine. Un AMP HTML plus petit réduit le temps d'analyse et améliore la vitesse de premier rendu de vos pages AMP.
Performance du cache AMP : utilisez le compresseur amp html pour réduire la taille des pages AMP avant leur mise en cache par le Google AMP Cache. Des pages plus petites se mettent en cache plus efficacement et réduisent le coût de bande passante de la diffusion depuis cdn.ampproject.org.
Flux de développement AMP : utilisez le compresseur amp html dans votre flux de développement AMP pour vérifier la taille compressée de vos pages avant le déploiement. Le panneau de validation AMP signale tôt les éléments obligatoires manquants.
Réduction de la bande passante CDN et origine : utilisez le compresseur amp html pour réduire le coût de bande passante de la diffusion de pages AMP depuis votre origine. À 100 000 vues quotidiennes, faire passer une page AMP de 15 Ko à 10 Ko économise 500 Mo de bande passante par jour.
Optimisation pour éditeurs et sites d'actualité : utilisez le compresseur amp html pour les sites d'actualité et d'édition disposant de vastes archives d'articles AMP. Compresser le AMP HTML de milliers d'articles réduit les coûts de stockage et de bande passante à grande échelle.
Compression AMP Email : utilisez le compresseur amp html pour les pages AMP for Email — réduire le poids HTML aide à respecter les limites de taille des clients de messagerie et améliore la vitesse de rendu dans Gmail et les autres clients compatibles AMP.

Qu'est-ce que la compression AMP HTML ?

La compression AMP HTML consiste à réduire la taille d'un document HTML AMP (Accelerated Mobile Pages) en supprimant les caractères inutiles — commentaires, espaces superflus et attributs redondants — tout en préservant strictement la structure AMP obligatoire. Notre compresseur amp html applique des règles de compression adaptées à AMP : il supprime les commentaires HTML, compacte les espaces entre les balises et minifie le bloc <style amp-custom>, mais préserve le <style amp-boilerplate> exactement comme l'exige la spécification AMP et protège tous les blocs <script> de toute modification.

Comment fonctionne notre compresseur AMP HTML

1 Collez ou importez votre AMP HTML : saisissez le HTML de votre page AMP dans la zone de saisie ou importez un fichier .html. Le compresseur amp html accepte tout AMP HTML — articles, pages de destination, pages produit ou modèles AMP for Email.
2 Compression instantanée dans le navigateur : cliquez sur « Compresser le AMP HTML » et le compresseur amp html supprime les commentaires, compacte les espaces, minifie vos styles personnalisés et exécute les contrôles de validation de la structure AMP. Aucune donnée n'est envoyée à un serveur.
3 Copiez ou téléchargez le résultat compressé : copiez le AMP HTML compressé dans votre presse-papiers ou téléchargez-le au format .html. Le panneau de validation AMP affiche tout élément AMP obligatoire manquant détecté pendant la compression.

Ce que le compresseur AMP HTML supprime et préserve

Supprime — commentaires HTML : tous les commentaires  sont retirés de la sortie AMP HTML. Les commentaires ne sont pas rendus par les navigateurs et ajoutent des octets inutiles à chaque requête de page.
Supprime — espaces superflus : les espaces entre les balises HTML, les lignes vides et l'indentation redondante sont compactés. C'est la plus grande source d'économies dans du AMP HTML bien formaté.
Minifie — <style amp-custom> : le bloc CSS personnalisé est minifié selon les mêmes règles que le compresseur de bundles CSS — suppression des commentaires, compactage des espaces et optimisations en notation abrégée.
Préserve — boilerplate AMP : le boilerplate <style amp-boilerplate> et <noscript> est préservé exactement comme l'exige la spécification AMP. Modifier le boilerplate provoque des échecs de validation AMP.

Limites de taille et bonnes pratiques AMP HTML

Les pages AMP ont une limite de 75 Ko de CSS pour <style amp-custom> et aucune limite explicite de taille HTML, mais les pages plus petites se chargent plus vite et se mettent en cache plus efficacement. Le compresseur amp html vous aide à rester dans la limite CSS en minifiant vos styles personnalisés. Pour des performances AMP maximales, activez aussi la compression GZIP ou Brotli sur votre serveur d'origine — le AMP HTML atteint généralement 70 à 80 % de compression GZIP. Validez votre page AMP compressée sur validator.ampproject.org avant de la déployer.

Foire aux questions

Un compresseur amp html réduit la taille d'un document AMP HTML en supprimant les commentaires, en compactant les espaces et en minifiant les styles personnalisés — tout en préservant le boilerplate AMP obligatoire. Notre compresseur amp html gratuit fonctionne entièrement dans votre navigateur.

Le compresseur amp html applique des transformations sûres pour AMP : il préserve exactement le boilerplate AMP, protège tous les blocs script et ne supprime que les commentaires et les espaces. Validez toujours sur validator.ampproject.org avant de déployer.

Absolument. Le compresseur amp html traite tout localement dans votre navigateur. Votre AMP HTML n'est jamais envoyé à un serveur et ne quitte jamais votre appareil.

Oui, 100 % gratuit, pour toujours. Sans inscription, sans compte, sans offre premium, sans limite de taille de fichier et sans publicité.

Le boilerplate AMP doit correspondre à la chaîne exacte spécifiée dans la spécification AMP. Toute modification provoque des échecs de validation AMP. Le compresseur amp html préserve le boilerplate exactement comme requis.

Les pages AMP ont une limite de 75 Ko pour le bloc <style amp-custom>. Le compresseur amp html minifie votre CSS personnalisé pour vous aider à rester dans cette limite.

Le compresseur amp html effectue des contrôles structurels de base : DOCTYPE manquant, attribut AMP, script runtime, boilerplate et lien canonique. Pour une validation complète, utilisez validator.ampproject.org.

La compression AMP HTML typique permet une réduction de taille de 10 à 30 %, selon la quantité d'espaces et de commentaires présents dans votre source.

Oui : la minification et GZIP sont complémentaires. Minifiez d'abord avec le compresseur amp html, puis activez GZIP ou Brotli sur votre serveur. Le AMP HTML atteint généralement une compression GZIP de 70 à 80 %.