BEFORE

03. 스크립트 압축 전달 (gzip / br)

같은 ~수 MB짜리 반복 패턴 JS 파일을 압축 없이 그대로 전송합니다. DevTools Network 탭에서 Content-Encoding 헤더와 Size 컬럼을 확인해 보세요. (필요하면 Fast 3G로 쓰로틀링하면 차이가 더 크게 느껴집니다.)
📍 이 측정은 당신이 지금 쓰는 브라우저에서 실행됩니다.
Before (비압축) After (gzip/br)

⏳ 스크립트 로드 대기 중...

🔧 실제 구현 코드

// routes/labs/script-compression.js
router.get("/before/big-library.js", function (req, res) {
  res.type("application/javascript");
  res.sendFile(ASSET); // 압축 미들웨어 없이 원본 그대로 전송
});

같은 파일을 압축 없이 그대로 응답합니다. 브라우저는 보낸 그대로의 바이트 수만큼 받아야 합니다.

← 실습 목록으로 돌아가기