הפעלת דחיסת נתונים וביטול דחיסה בדפדפן באמצעות Compression Streams API

כתיבה של אפליקציות אינטרנט קטנות יותר שלא צריכות לשלוח ספריית דחיסה או פריסה משלהן

Compression Streams API מיועד לדחיסה ולביטול דחיסה של מקורות נתונים באמצעות הפורמטים gzip או deflate-raw.

מכיוון שאפליקציות JavaScript מובנות לדחיסה, אין צורך לכלול ספריית דחיסה, כך שגודל ההורדה של האפליקציה יהיה קטן יותר. התצוגה המקדימה היציבה של הטכנולוגיה של Chrome ו-Safari תומכת עכשיו ב-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. אם הבעיה בדפדפנים אחרים, יש לסמן את CanIUse.

אישורים

תמונה ראשית (Hero) של מאט ארטז באתר Unwash.