03. 스크립트 압축 전달 (gzip / br)
같은 파일을 서버의
📍 이 측정은 당신이 지금 쓰는 브라우저에서 실행됩니다.
compression 미들웨어를 통해 전송합니다. 브라우저가
Accept-Encoding으로 요청한 방식(gzip 또는 br)에 맞춰 압축되어 전송됩니다.
대시보드의 "전송 크기"와 "압축 해제 크기"가 Before와 달리 크게 벌어지는 걸 확인하세요.
📍 이 측정은 당신이 지금 쓰는 브라우저에서 실행됩니다.
⏳ 스크립트 로드 대기 중...
🔧 실제 구현 코드
// routes/labs/script-compression.js
router.get(
"/after/big-library.js",
compression({ threshold: 0 }), // 이 라우트에만 압축 미들웨어 적용
function (req, res) {
res.type("application/javascript");
res.sendFile(ASSET);
}
);Express의 compression 미들웨어가 요청의 Accept-Encoding 헤더를 보고
gzip 또는 br로 즉시 압축해 전송합니다. 콘텐츠(decodedBodySize)는 Before와 동일하지만, 실제
네트워크로 흐르는 바이트 수(transferSize)만 줄어듭니다.