圧縮ストリームがすべてのブラウザでサポートされるようになりました。

対応ブラウザ

  • Chrome: 80。 <ph type="x-smartling-placeholder">
  • Edge: 80。 <ph type="x-smartling-placeholder">
  • Firefox: 113。 <ph type="x-smartling-placeholder">
  • Safari: 16.4。 <ph type="x-smartling-placeholder">

ソース

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

Compression Streams API の組み込み圧縮を使用すると、JavaScript アプリケーションに圧縮ライブラリを含める必要がなくなり、アプリケーションのダウンロード サイズを小さくできます。この便利な 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')
);

デモ