Why is the AMP boilerplate preserved exactly?

The AMP boilerplate must match the exact string specified in the AMP specification. Any modification causes AMP validation failures. The amp html compressor preserves the boilerplate exactly as required.

Does the AMP HTML compressor validate my AMP page?

The amp html compressor performs basic structural checks — missing DOCTYPE, AMP attribute, runtime script, boilerplate, and canonical link. For full validation, use validator.ampproject.org.

AMP HTML Compressor

Compress AMP HTML pages by removing non-AMP compliant comments and excess whitespace for faster AMP delivery. Our amp html compressor minifies your <style amp-custom> block while preserving the required AMP boilerplate exactly as specified. Includes AMP structure validation checks for missing required elements. All processing runs in your browser. No signup required.

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

Why Use Our AMP HTML Compressor?

Instant AMP HTML Compression

Compress AMP HTML pages instantly in your browser — no server upload, no build tools required. Our amp html compressor removes comments and collapses whitespace while preserving the required AMP boilerplate and script blocks.

Secure AMP HTML Compressor Online

Your AMP HTML never leaves your device when you use this amp html compressor. 100% client-side processing means complete privacy — no cloud storage, no server logs, no page content exposure.

AMP HTML Compressor — No Installation

Compress AMP HTML directly in your browser with no npm packages, no build tools, and no account required. This free amp html compressor works on any modern browser on any operating system.

AMP Validation Checks & Style Minification

Get AMP structure validation warnings (missing boilerplate, canonical link, runtime script) and automatic minification of your <style amp-custom> block — all in one pass with the amp html compressor.

Common Use Cases for AMP HTML Compressor

AMP Page Delivery Optimization

Use the amp html compressor before deploying AMP pages to reduce the payload served from your origin server. Smaller AMP HTML reduces parse time and improves the initial render speed of your AMP pages.

AMP Cache Performance

Use the amp html compressor to reduce the size of AMP pages before they are cached by the Google AMP Cache. Smaller pages cache more efficiently and reduce the bandwidth cost of serving from cdn.ampproject.org.

AMP Development Workflow

Use the amp html compressor as part of your AMP development workflow to check the compressed size of your pages before deployment. The AMP validation panel highlights missing required elements early.

CDN & Origin Bandwidth Reduction

Use the amp html compressor to reduce the bandwidth cost of serving AMP pages from your origin. At 100K daily AMP page views, reducing a 15 KB AMP page to 10 KB saves 500 MB of bandwidth per day.

Publisher & News Site Optimization

Use the amp html compressor for news and publisher sites with large AMP article archives. Compressing AMP HTML across thousands of articles reduces storage and bandwidth costs at scale.

AMP Email Compression

Use the amp html compressor for AMP for Email pages — reducing the HTML payload helps stay within email client size limits and improves rendering speed in Gmail and other AMP-compatible email clients.

Understanding AMP HTML Compression

What is AMP HTML Compression?

AMP HTML compression is the process of reducing the file size of an AMP (Accelerated Mobile Pages) HTML document by removing unnecessary characters — comments, excess whitespace, and redundant attributes — while strictly preserving the required AMP structure. Our amp html compressor applies AMP-aware compression rules: it removes HTML comments, collapses whitespace between tags, and minifies the <style amp-custom> block — but preserves the <style amp-boilerplate> exactly as required by the AMP specification, and protects all <script> blocks from modification.

How Our AMP HTML Compressor Works

1Paste or upload your AMP HTML: Enter your AMP page HTML in the input area or upload a .html file. The amp html compressor accepts any AMP HTML — articles, landing pages, product pages, or AMP for Email templates.
2Instant browser-based compression:Click "Compress AMP HTML" and the amp html compressor removes comments, collapses whitespace, minifies your custom styles, and runs AMP structure validation checks. No data is sent to any server.
3Copy or download the compressed output: Copy the compressed AMP HTML to your clipboard or download it as a .html file. The AMP validation panel shows any missing required AMP elements detected during compression.

What the AMP HTML Compressor Removes and Preserves

Removes — HTML Comments: All  comments are stripped from the AMP HTML output. Comments are not rendered by browsers and add unnecessary bytes to every page request.
Removes — Excess Whitespace: Whitespace between HTML tags, blank lines, and redundant indentation are collapsed. This is the largest source of savings in well-formatted AMP HTML.
Minifies — <style amp-custom>: The custom CSS block is minified using the same rules as the CSS Bundle Compressor — removing comments, collapsing whitespace, and applying shorthand optimizations.
Preserves — AMP Boilerplate: The <style amp-boilerplate>and <noscript> boilerplate are preserved exactly as required by the AMP specification. Modifying the boilerplate causes AMP validation failures.

AMP HTML Size Limits and Best Practices

AMP pages have a 75 KB CSS limit for <style amp-custom>and no explicit HTML size limit, but smaller pages load faster and cache more efficiently. The amp html compressor helps you stay within the CSS limit by minifying your custom styles. For maximum AMP performance, also enable GZIP or Brotli compression on your origin server — AMP HTML typically achieves 70–80% GZIP compression. Validate your compressed AMP page at validator.ampproject.org before deploying.

Related Tools

JSON Key Shortener

Shorten verbose JSON keys to single letters or abbreviated forms — shows size reduction and provides a downloadable key mapping file for restoration. Free online JSON key shortener.

JSON vs MessagePack Size Comparison

Compare JSON byte size vs MessagePack encoding for any payload — shows exact savings, type-by-type breakdown, and MessagePack hex preview. Free online JSON vs MessagePack comparison.

String Decompressor (GZIP/LZ)

Decompress GZIP+Base64, DEFLATE+Base64, and LZ-String compressed payloads back to readable text — supports all three LZ-String variants. Free online string decompressor.

ZIP File Extractor

Extract files from any ZIP archive client-side — browse contents, preview text files, download individual files or all at once. Free online ZIP extractor, no signup required.

Frequently Asked Questions About AMP HTML Compressor

An amp html compressor reduces the file size of an AMP (Accelerated Mobile Pages) HTML document by removing comments, collapsing whitespace, and minifying custom styles — while preserving the required AMP boilerplate and script blocks. Our free amp html compressor works entirely in your browser.

The amp html compressor applies AMP-safe transformations — it preserves the AMP boilerplate exactly, protects all script blocks, and only removes comments and whitespace. Always validate the compressed output at validator.ampproject.org before deploying to production.

Absolutely. The amp html compressor processes everything locally in your browser. Your AMP HTML is never uploaded to any server, never stored, and never leaves your device — completely safe for proprietary page content.

Yes — 100% free, forever. No signup, no account, no premium tier, no file size limits, and no ads interrupting your workflow.

The AMP boilerplate (<style amp-boilerplate>) must match the exact string specified in the AMP specification. Any modification — even adding or removing a space — causes AMP validation failures. The amp html compressor preserves the boilerplate exactly as required.

AMP pages have a 75 KB limit for the <style amp-custom> block. The amp html compressor minifies your custom CSS to help you stay within this limit. If your CSS exceeds 75 KB after minification, you need to reduce the amount of CSS in your AMP page.

The amp html compressor performs basic structural checks — missing DOCTYPE, missing AMP attribute, missing runtime script, missing boilerplate, and missing canonical link. For full AMP validation, use the official AMP Validator at validator.ampproject.org.

Typical AMP HTML compression achieves 10–30% size reduction depending on how much whitespace and how many comments are in your source. Well-formatted AMP HTML with verbose indentation and many comments compresses most aggressively.

Yes — minification and GZIP compression are complementary. Minify first with the amp html compressor, then enable GZIP or Brotli on your server. AMP HTML typically achieves 70–80% GZIP compression, so a 15 KB minified AMP page transfers as approximately 3–4 KB over the network.