Compression Streams API を使用したブラウザでの圧縮と解凍

独自の圧縮ライブラリや解凍ライブラリを配布する必要のない、より小さなウェブアプリを作成する

圧縮ストリーム API は、gzip または deflate（または deflate-raw）形式を使用してデータ ストリームを圧縮および解凍するためのものです。

圧縮機能が組み込まれているため、JavaScript アプリケーションに圧縮ライブラリを含める必要がなく、アプリケーションのダウンロード サイズが小さくなります。安定版の Chrome と Safari Technology Preview で、この便利な API がサポートされるようになりました。データの圧縮がここに表示されます。

const readableStream = await fetch('lorem.txt').then(
  (response) => response.body
);
const compressedReadableStream = readableStream.pipeThrough(
  new CompressionStream('gzip')
);

解凍するには、圧縮されたストリームを解凍ストリームにパイプします。

const decompressedReadableStream = compressedReadableStream.pipeThrough(
  new DecompressionStream('gzip')
);

デモ

ブラウザ サポート

Compression Streams API は、Chromium 80 と Safari Technology Preview 152 以降でサポートされています。