รองรับสตรีมการบีบอัดในทุกเบราว์เซอร์แล้ว

การรองรับเบราว์เซอร์

  • Chrome: 80
  • ขอบ: 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')
);

สาธิต