이제 모든 브라우저에서 압축 스트림이 지원됩니다.

브라우저 지원

  • Chrome: 80.
  • Edge: 80.
  • Firefox: 113.
  • Safari: 16.4.

소스

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')
);

데모