Estoy haciendo una fetch() y quiero tener una barra de progreso. Cuando devuelvo contenido sin comprimir del servidor web, el siguiente código funciona bien.

Cuando habilito gzip en el servidor web, la content-length refleja el tamaño comprimido (que es correcto dada la especificación HTTP) y el flujo que estoy leyendo me proporciona datos sin comprimir (que es correcto según la especificación Fetch)... sin embargo, la combinación de estos dos comportamientos correctos significa que mi barra de progreso es inútil (informa "300% completo: cargó 1200 KB [de datos sin comprimir] de un total de 400 KB [de datos comprimidos]")

¿Hay alguna forma de medir "cuántos datos comprimidos se han descargado hasta el momento" (para compararlos con el encabezado de longitud del contenido) o "cuánto tiempo se espera que duren los datos sin comprimir" (para compararlos con el flujo sin comprimir que estoy lectura)?

 fetch("http://example.com/bigdata.json") .then((response) => { if (!response.body) return; const reader = response.body.getReader(); let download_done = 0; let download_size = parseInt(response.headers.get("content-length")); return new ReadableStream({ start(controller) { function push() { reader.read().then(({ done, value }) => { if (done) { controller.close(); return; } if (value) { download_done += value.byteLength; report_progress(download_done, download_size); } controller.enqueue(value); push(); }); } push(); }, }); }) .then((stream) => { return new Response(stream, { headers: { "Content-Type": "text/json" }, }).json(); }) .then(function (result) { console.groupCollapsed("api_request(bigdata.json)"); console.log(result); console.groupEnd(); })