AMP-HTML-Kompressor

Komprimieren Sie AMP-HTML-Seiten, indem Sie AMP-fremde Kommentare und überflüssige Leerzeichen entfernen – für eine schnellere AMP-Auslieferung. Unser AMP-HTML-Kompressor minifiziert Ihren <style amp-custom>-Block und bewahrt das erforderliche AMP-Boilerplate exakt wie vorgegeben. Enthält Prüfungen der AMP-Struktur auf fehlende Pflichtelemente. Die gesamte Verarbeitung läuft in Ihrem Browser. Ohne Registrierung.

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

Warum unseren AMP-HTML-Kompressor verwenden?

Sofortige AMP-HTML-Komprimierung: Komprimieren Sie AMP-HTML-Seiten sofort in Ihrem Browser – kein Server-Upload, keine Build-Tools nötig. Unser AMP-HTML-Kompressor entfernt Kommentare und fasst Leerzeichen zusammen und bewahrt dabei das erforderliche AMP-Boilerplate und die Script-Blöcke.
Sicherer AMP-HTML-Kompressor online: Ihr AMP HTML verlässt bei diesem AMP-HTML-Kompressor niemals Ihr Gerät. Eine 100 % clientseitige Verarbeitung bedeutet vollständige Privatsphäre – kein Cloud-Speicher, keine Server-Logs, keine Offenlegung von Seiteninhalten.
AMP-HTML-Kompressor ohne Installation: Komprimieren Sie AMP HTML direkt im Browser – ohne npm-Pakete, ohne Build-Tools und ohne Konto. Dieser kostenlose AMP-HTML-Kompressor funktioniert in jedem modernen Browser und unter jedem Betriebssystem.
AMP-Validierungsprüfungen und Style-Minifizierung: Erhalten Sie Warnungen zur AMP-Strukturvalidierung (fehlendes Boilerplate, Canonical-Link, Runtime-Script) und die automatische Minifizierung Ihres <style amp-custom>-Blocks – alles in einem Durchgang mit dem AMP-HTML-Kompressor.

Häufige Anwendungsfälle für den AMP-HTML-Kompressor

Optimierung der AMP-Seitenauslieferung: Nutzen Sie den AMP-HTML-Kompressor vor dem Deployment von AMP-Seiten, um die von Ihrem Origin-Server ausgelieferte Nutzlast zu reduzieren. Kleineres AMP HTML verkürzt die Parse-Zeit und verbessert die erste Render-Geschwindigkeit Ihrer AMP-Seiten.
AMP-Cache-Performance: Nutzen Sie den AMP-HTML-Kompressor, um die Größe von AMP-Seiten zu reduzieren, bevor sie vom Google AMP Cache zwischengespeichert werden. Kleinere Seiten werden effizienter gecacht und senken die Bandbreitenkosten bei der Auslieferung über cdn.ampproject.org.
AMP-Entwicklungsworkflow: Nutzen Sie den AMP-HTML-Kompressor als Teil Ihres AMP-Entwicklungsworkflows, um die komprimierte Größe Ihrer Seiten vor dem Deployment zu prüfen. Das AMP-Validierungsfeld zeigt fehlende Pflichtelemente frühzeitig an.
Reduzierung von CDN- und Origin-Bandbreite: Nutzen Sie den AMP-HTML-Kompressor, um die Bandbreitenkosten bei der Auslieferung von AMP-Seiten von Ihrer Origin zu senken. Bei 100.000 täglichen AMP-Seitenaufrufen spart die Reduzierung einer 15-KB-AMP-Seite auf 10 KB 500 MB Bandbreite pro Tag.
Optimierung für Verlage und Nachrichtenseiten: Nutzen Sie den AMP-HTML-Kompressor für Nachrichten- und Verlagsseiten mit großen AMP-Artikelarchiven. Die Komprimierung von AMP HTML über Tausende Artikel senkt Speicher- und Bandbreitenkosten im großen Maßstab.
AMP-E-Mail-Komprimierung: Nutzen Sie den AMP-HTML-Kompressor für AMP-for-Email-Seiten – eine kleinere HTML-Nutzlast hilft, die Größenlimits von E-Mail-Clients einzuhalten, und verbessert die Rendergeschwindigkeit in Gmail und anderen AMP-kompatiblen E-Mail-Clients.

Was ist AMP-HTML-Komprimierung?

Die AMP-HTML-Komprimierung reduziert die Dateigröße eines AMP-HTML-Dokuments (Accelerated Mobile Pages), indem unnötige Zeichen – Kommentare, überflüssige Leerzeichen und redundante Attribute – entfernt werden, während die erforderliche AMP-Struktur strikt bewahrt wird. Unser AMP-HTML-Kompressor wendet AMP-bewusste Komprimierungsregeln an: Er entfernt HTML-Kommentare, fasst Leerzeichen zwischen Tags zusammen und minifiziert den <style amp-custom>-Block – bewahrt aber das <style amp-boilerplate> exakt wie von der AMP-Spezifikation gefordert und schützt alle <script>-Blöcke vor Änderungen.

So funktioniert unser AMP-HTML-Kompressor

1 AMP HTML einfügen oder hochladen: Geben Sie das HTML Ihrer AMP-Seite in den Eingabebereich ein oder laden Sie eine .html-Datei hoch. Der AMP-HTML-Kompressor akzeptiert jedes AMP HTML – Artikel, Landingpages, Produktseiten oder AMP-for-Email-Vorlagen.
2 Sofortige Komprimierung im Browser: Klicken Sie auf „AMP HTML komprimieren“ und der AMP-HTML-Kompressor entfernt Kommentare, fasst Leerzeichen zusammen, minifiziert Ihre benutzerdefinierten Styles und führt Prüfungen der AMP-Struktur durch. Es werden keine Daten an einen Server gesendet.
3 Komprimierte Ausgabe kopieren oder herunterladen: Kopieren Sie das komprimierte AMP HTML in die Zwischenablage oder laden Sie es als .html-Datei herunter. Das AMP-Validierungsfeld zeigt alle während der Komprimierung erkannten fehlenden Pflichtelemente an.

Was der AMP-HTML-Kompressor entfernt und bewahrt

Entfernt – HTML-Kommentare: Alle  Kommentare werden aus der AMP-HTML-Ausgabe entfernt. Kommentare werden von Browsern nicht gerendert und fügen jeder Seitenanfrage unnötige Bytes hinzu.
Entfernt – überflüssige Leerzeichen: Leerzeichen zwischen HTML-Tags, Leerzeilen und redundante Einrückung werden zusammengefasst. Dies ist die größte Einsparungsquelle bei gut formatiertem AMP HTML.
Minifiziert – <style amp-custom>: Der benutzerdefinierte CSS-Block wird nach denselben Regeln wie der CSS-Bundle-Kompressor minifiziert – Kommentare entfernen, Leerzeichen zusammenfassen und Kurzschreibweisen anwenden.
Bewahrt – AMP-Boilerplate: Das <style amp-boilerplate>- und <noscript>-Boilerplate wird exakt wie von der AMP-Spezifikation gefordert bewahrt. Eine Änderung des Boilerplates führt zu AMP-Validierungsfehlern.

AMP-HTML-Größenlimits und Best Practices

AMP-Seiten haben ein CSS-Limit von 75 KB für <style amp-custom> und kein explizites HTML-Größenlimit, aber kleinere Seiten laden schneller und werden effizienter gecacht. Der AMP-HTML-Kompressor hilft Ihnen, das CSS-Limit einzuhalten, indem er Ihre benutzerdefinierten Styles minifiziert. Aktivieren Sie für maximale AMP-Performance zusätzlich GZIP- oder Brotli-Komprimierung auf Ihrem Origin-Server – AMP HTML erreicht typischerweise 70–80 % GZIP-Komprimierung. Validieren Sie Ihre komprimierte AMP-Seite vor dem Deployment unter validator.ampproject.org.

Häufig gestellte Fragen

Ein AMP-HTML-Kompressor reduziert die Dateigröße eines AMP-HTML-Dokuments, indem er Kommentare entfernt, Leerzeichen zusammenfasst und benutzerdefinierte Styles minifiziert – und dabei das erforderliche AMP-Boilerplate bewahrt. Unser kostenloser AMP-HTML-Kompressor arbeitet vollständig in Ihrem Browser.

Der AMP-HTML-Kompressor wendet AMP-sichere Transformationen an – er bewahrt das AMP-Boilerplate exakt, schützt alle Script-Blöcke und entfernt nur Kommentare und Leerzeichen. Validieren Sie vor dem Deployment stets unter validator.ampproject.org.

Absolut. Der AMP-HTML-Kompressor verarbeitet alles lokal in Ihrem Browser. Ihr AMP HTML wird nie auf einen Server hochgeladen und verlässt niemals Ihr Gerät.

Ja – 100 % kostenlos, für immer. Ohne Registrierung, ohne Konto, ohne Premium-Tarif, ohne Dateigrößenbeschränkung und ohne Werbung.

Das AMP-Boilerplate muss exakt der in der AMP-Spezifikation vorgegebenen Zeichenfolge entsprechen. Jede Änderung führt zu AMP-Validierungsfehlern. Der AMP-HTML-Kompressor bewahrt das Boilerplate exakt wie erforderlich.

AMP-Seiten haben ein Limit von 75 KB für den <style amp-custom>-Block. Der AMP-HTML-Kompressor minifiziert Ihr benutzerdefiniertes CSS, damit Sie dieses Limit einhalten.

Der AMP-HTML-Kompressor führt grundlegende Strukturprüfungen durch – fehlender DOCTYPE, AMP-Attribut, Runtime-Script, Boilerplate und Canonical-Link. Für eine vollständige Validierung nutzen Sie validator.ampproject.org.

Die typische AMP-HTML-Komprimierung erreicht eine Größenreduzierung von 10–30 %, je nachdem, wie viele Leerzeichen und Kommentare sich in Ihrer Quelle befinden.

Ja – Minifizierung und GZIP ergänzen sich. Minifizieren Sie zuerst mit dem AMP-HTML-Kompressor und aktivieren Sie dann GZIP oder Brotli auf Ihrem Server. AMP HTML erreicht typischerweise 70–80 % GZIP-Komprimierung.