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

브라우저 지원

  • 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">

소스

압축 스트림 API는 gzip 또는 deflate (또는 deflate-raw) 형식을 사용하여 데이터 스트림을 압축하고 압축 해제하는 데 사용됩니다.

JavaScript 애플리케이션에 압축 라이브러리를 포함할 필요가 없으므로, 압축 스트림 API의 내장 압축을 사용하면 애플리케이션의 다운로드 크기가 작아집니다. 이제 이 유용한 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')
);

데모