Practical engineering lab / Compression

Compress your own text. See the actual bytes.

A local, privacy-conscious demonstration of compression and decompression, with measured results instead of invented website benchmarks.

Hands-on experiment

Try real browser compression

Paste text or JSON to measure actual compression in your browser. Results are verified by decompressing the data. No uploads, accounts or network requests are needed.

Browser-only

Text to compress

[
  {
    "id": 1,
    "kind": "example-network-event",
    "site": "demo-lab",
    "status": "notice",
    "note": "Illustrative repetitive text, not a real customer record."
  },
  {
    "id": 2,
    "kind": "example-network-event",
    "site": "demo-lab",
    "status": "healthy",
    "note": "Illustrative repetitive text, not a real customer record."
  },
  {
    "id": 3,
    "kind": "example-network-event",
    "site": "demo-lab",
    "status": "healthy",
    "note": "Illustrative repetitive text, not a real customer record."
  },
  {
    "id": 4,
    "kind": "example-network-event",
    "site": "demo-lab",
    "status": "healthy",
    "note": "Illustrative repetitive text, not a real customer record."
  },
  {
    "id": 5,
    "kind": "example-network-event",
    "site": "demo-lab",
    "status": "healthy",
    "note": "Illustrative repetitive text, not a real customer record."
  },
  {
    "id": 6,
    "kind": "example-network-event",
    "site": "demo-lab",
    "status": "notice",
    "note": "Illustrative repetitive text, not a real customer record."
  },
  {
    "id": 7,
    "kind": "example-network-event",
    "site": "demo-lab",
    "status": "healthy",
    "note": "Illustrative repetitive text, not a real customer record."
  },
  {
    "id": 8,
    "kind": "example-network-event",
    "site": "demo-lab",
    "status": "healthy",
    "note": "Illustrative repetitive text, not a real customer record."
  },
  {
    "id": 9,
    "kind": "example-network-event",
    "site": "demo-lab",
    "status": "healthy",
    "note": "Illustrative repetitive text, not a real customer record."
  },
  {
    "id": 10,
    "kind": "example-network-event",
    "site": "demo-lab",
    "status": "healthy",
    "note": "Illustrative repetitive text, not a real customer record."
  },
  {
    "id": 11,
    "kind": "example-network-event",
    "site": "demo-lab",
    "status": "notice",
    "note": "Illustrative repetitive text, not a real customer record."
  },
  {
    "id": 12,
    "kind": "example-network-event",
    "site": "demo-lab",
    "status": "healthy",
    "note": "Illustrative repetitive text, not a real customer record."
  },
  {
    "id": 13,
    "kind": "example-network-event",
    "site": "demo-lab",
    "status": "healthy",
    "note": "Illustrative repetitive text, not a real customer record."
  },
  {
    "id": 14,
    "kind": "example-network-event",
    "site": "demo-lab",
    "status": "healthy",
    "note": "Illustrative repetitive text, not a real customer record."
  },
  {
    "id": 15,
    "kind": "example-network-event",
    "site": "demo-lab",
    "status": "healthy",
    "note": "Illustrative repetitive text, not a real customer record."
  },
  {
    "id": 16,
    "kind": "example-network-event",
    "site": "demo-lab",
    "status": "notice",
    "note": "Illustrative repetitive text, not a real customer record."
  },
  {
    "id": 17,
    "kind": "example-network-event",
    "site": "demo-lab",
    "status": "healthy",
    "note": "Illustrative repetitive text, not a real customer record."
  },
  {
    "id": 18,
    "kind": "example-network-event",
    "site": "demo-lab",
    "status": "healthy",
    "note": "Illustrative repetitive text, not a real customer record."
  },
  {
    "id": 19,
    "kind": "example-network-event",
    "site": "demo-lab",
    "status": "healthy",
    "note": "Illustrative repetitive text, not a real customer record."
  },
  {
    "id": 20,
    "kind": "example-network-event",
    "site": "demo-lab",
    "status": "healthy",
    "note": "Illustrative repetitive text, not a real customer record."
  },
  {
    "id": 21,
    "kind": "example-network-event",
    "site": "demo-lab",
    "status": "notice",
    "note": "Illustrative repetitive text, not a real customer record."
  },
  {
    "id": 22,
    "kind": "example-network-event",
    "site": "demo-lab",
    "status": "healthy",
    "note": "Illustrative repetitive text, not a real customer record."
  },
  {
    "id": 23,
    "kind": "example-network-event",
    "site": "demo-lab",
    "status": "healthy",
    "note": "Illustrative repetitive text, not a real customer record."
  },
  {
    "id": 24,
    "kind": "example-network-event",
    "site": "demo-lab",
    "status": "healthy",
    "note": "Illustrative repetitive text, not a real customer record."
  },
  {
    "id": 25,
    "kind": "example-network-event",
    "site": "demo-lab",
    "status": "healthy",
    "note": "Illustrative repetitive text, not a real customer record."
  },
  {
    "id": 26,
    "kind": "example-network-event",
    "site": "demo-lab",
    "status": "notice",
    "note": "Illustrative repetitive text, not a real customer record."
  },
  {
    "id": 27,
    "kind": "example-network-event",
    "site": "demo-lab",
    "status": "healthy",
    "note": "Illustrative repetitive text, not a real customer record."
  },
  {
    "id": 28,
    "kind": "example-network-event",
    "site": "demo-lab",
    "status": "healthy",
    "note": "Illustrative repetitive text, not a real customer record."
  },
  {
    "id": 29,
    "kind": "example-network-event",
    "site": "demo-lab",
    "status": "healthy",
    "note": "Illustrative repetitive text, not a real customer record."
  },
  {
    "id": 30,
    "kind": "example-network-event",
    "site": "demo-lab",
    "status": "healthy",
    "note": "Illustrative repetitive text, not a real customer record."
  },
  {
    "id": 31,
    "kind": "example-network-event",
    "site": "demo-lab",
    "status": "notice",
    "note": "Illustrative repetitive text, not a real customer record."
  },
  {
    "id": 32,
    "kind": "example-network-event",
    "site": "demo-lab",
    "status": "healthy",
    "note": "Illustrative repetitive text, not a real customer record."
  },
  {
    "id": 33,
    "kind": "example-network-event",
    "site": "demo-lab",
    "status": "healthy",
    "note": "Illustrative repetitive text, not a real customer record."
  },
  {
    "id": 34,
    "kind": "example-network-event",
    "site": "demo-lab",
    "status": "healthy",
    "note": "Illustrative repetitive text, not a real customer record."
  },
  {
    "id": 35,
    "kind": "example-network-event",
    "site": "demo-lab",
    "status": "healthy",
    "note": "Illustrative repetitive text, not a real customer record."
  }
]

UTF-8, maximum 256 KiB. Repetitive example data is provided.6,321 bytes / 262,144 max

How it works

Browser Compression Streams API

const compressed = await new Response(  new Blob([text]).stream().pipeThrough(new CompressionStream('gzip'))).arrayBuffer()
const recovered = await new Response(  new Blob([compressed]).stream().pipeThrough(new DecompressionStream('gzip'))).text()
if (recovered !== text) throw new Error('Verification failed')

Why is Brotli sometimes unavailable?

Support for native Brotli compression varies by browser. The tool only shows Brotli if this browser supports it and a round-trip test passes.

Does this optimize my website?

No. This measures entered text in the browser. Production assets need proper HTTP encoding negotiation, caching, format selection and representative measurements.

Does the tool upload my content?

No. Everything is calculated locally and only an explicit download creates a file. Avoid pasting secrets into untrusted websites.

MDN CompressionStream MDN DecompressionStream Cloudflare compression