[TECH-QA] Text Compression

Text Compression

gzip

gzip을 사용한 텍스트 압축

gzip 압축을 적용하는 4가지 방법

• Apache 나 Nginx 등 Web서버에서 처리하기
• Tomcat 이나 Weblogic 등 어플리케이션 서버(Was)에서 처리하기
• Servlet Filter 를 등록하여 처리하기
• 정적인 파일을 미리 gzip 으로 압축하여 올리기

nginx 에 gzip 으로 컨텐츠 압축 설정하기

http {
  include       /etc/nginx/mime.types;
  default_type  application/octet-stream;
    
  # 압축 설정
}

• .html 파일은 text/html
• .jpg 파일은 image/jpeg

• MIME 타입을 설정하지 않은 파일이나 알 수 없는 확장자의 파일에 대해 기본적으로 application/octet-stream 타입을 지정합니다.
• application/octet-stream은 일반적인 바이너리 파일을 의미하며, 브라우저는 이를 다운로드하거나 기본적으로 처리합니다.

http {
  gzip on;
  gzip_disable "msie6";
}

• Gzip 압축을 활성화합니다.
• 이를 통해 서버가 응답 데이터를 압축하여 클라이언트(브라우저)로 전송하므로, 데이터 전송량을 줄이고 페이지 로드 속도를 개선할 수 있습니다.
• 압축 대상은 일반적으로 HTML, CSS, JavaScript, JSON, XML 등 텍스트 기반 파일입니다.

• 특정 사용자 에이전트(브라우저)에 대해 Gzip 압축을 비활성화합니다.
• 여기서는 "msie6" (Microsoft Internet Explorer 6)을 대상으로 지정하여, 이 브라우저에서는 압축된 콘텐츠를 전송하지 않습니다.
• Internet Explorer 6은 Gzip 압축 처리에 버그가 있거나 호환성 문제가 있을 수 있어, 이를 방지하기 위해 압축을 비활성화합니다.

nginx 에 gzip 으로 컨텐츠 압축 설정

gzip_comp_level 6;
gzip_min_length 500;
gzip_buffers 16 8k;
gzip_proxied any;

• Gzip 압축 수준을 설정합니다. 값은 1(최소 압축, 빠른 처리)에서 9(최대 압축, 느린 처리)까지 가능합니다.
• 6은 압축률과 성능 간의 균형이 좋은 중간 수준으로, 기본값이기도 합니다.
• 높은 압축 수준은 파일 크기를 더 줄이지만 CPU 사용량이 증가합니다.

• 압축을 적용할 응답 데이터의 최소 길이를 바이트 단위로 지정합니다.
• 여기서는 응답 데이터가 500바이트 이상일 때만 Gzip 압축을 적용합니다.
• 작은 데이터는 압축해도 크기 감소 효과가 미미하므로, 불필요한 CPU 사용을 줄이기 위해 설정합니다.

• Gzip 압축을 처리하기 위해 할당할 메모리 버퍼의 개수와 크기를 지정합니다.
• 16 8k는 16개의 8KB 버퍼를 사용한다는 의미입니다(총 128KB).
• 이 설정은 압축 데이터를 처리하는 데 필요한 메모리 공간을 정의하며, 서버의 메모리와 부하에 따라 조정할 수 있습니다.

• 프록시된 요청에 대해 Gzip 압축을 적용할 조건을 설정합니다.
• any는 모든 프록시 요청(예: CDN, 리버스 프록시 등)에 대해 압축을 활성화합니다.
• 이는 클라이언트가 아닌 중간 프록시 서버를 통해 요청이 올 때도 압축된 데이터를 전송하도록 보장합니다.
• any: 항상 압축합니다.
• off: 프락시에서 요청할 경우 압축하지 않습니다.
• expired: 요청 헤더에 Expires 가 있고 만료되었을 경우에만 압축합니다.
• no-cache: 요청 헤더에 Cache-Control 가 있고 no-cache 일 경우에만 압축합니다.
• no-store: 요청 헤더에 Cache-Control 가 있고 no-store 일 경우에만 압축합니다.

nginx 에 gzip 으로 content type 설정하기

gzip_types
    text/plain
    text/css
    text/js
    text/xml
    text/javascript
    application/javascript
    application/x-javascript
    application/json
    application/xml
    application/rss+xml
    image/svg+xml;

• Gzip 압축을 적용할 콘텐츠의 MIME 타입을 정의합니다.
• 기본적으로 text/html은 항상 압축되므로 이 목록에 포함되지 않아도 됩니다.
• 이 설정은 gzip on;이 활성화된 경우에만 적용됩니다.

• text/plain: 일반 텍스트 파일(예: .txt).
• text/css: CSS 스타일시트 파일(예: .css).
• text/js: JavaScript 파일. 참고: text/js는 비표준 MIME 타입으로, 현대 웹에서는 application/javascript가 권장됩니다. 일부 레거시 시스템에서 사용될 수 있음.
• text/xml: XML 형식의 텍스트 파일(예: .xml).
• text/javascript: JavaScript 파일. 참고: 과거에 사용되었으나, 현재는 application/javascript로 대체됨.
• application/javascript: 현대 표준 JavaScript 파일(예: .js).
• application/x-javascript: JavaScript 파일의 비표준/레거시 MIME 타입. 호환성을 위해 포함.
• application/json: JSON 데이터 파일(예: .json).
• application/xml: XML 형식의 애플리케이션 데이터.
• application/rss+xml: RSS 피드(예: RSS XML 파일).
• image/svg+xml: SVG 벡터 이미지 파일(예: .svg).

주의사항

• text/js와 application/x-javascript는 비표준이며, 최신 웹 환경에서는 application/javascript만 사용하는 것이 좋습니다. 하지만 레거시 클라이언트를 지원하려면 포함할 수 있습니다.

• Nginx의 기본 gzip_types에는 text/html이 포함되어 있으므로, 이 설정은 추가적인 MIME 타입을 확장하는 역할을 합니다.

• SVG(image/svg+xml)와 같은 파일은 텍스트 기반이므로 압축 효과가 크지만, 이미 압축된 파일(예: JPEG, PNG)은 gzip_types에 포함시키지 않는 것이 일반적입니다(압축 효과가 미미함).

nginx 에 gzip 으로 컨텐츠 압축 최종 코드

http {
# nginx 의 메인 설정 파일인 nginx.conf 의 http 항목에 다음과 같이 설정
include       /etc/nginx/mime.types;
default_type  application/octet-stream;
	
# 압축 설정
gzip  on;
gzip_disable "msie6";


gzip_comp_level 6;
gzip_min_length 1100;
gzip_buffers 16 8k;
gzip_proxied any;

gzip_types
  text/plain
  text/css
  text/js
  text/xml
  text/javascript
  application/javascript
  application/x-javascript
  application/json
  application/xml
  application/rss+xml
  image/svg+xml;
}

압축을 하는데에도 시간이 조금 걸리지만 압축을 해제 하는 데에도 시간이 조금 걸리기 때문에 모든 파일을 압축하고 압축해제 하는 것 보다는 파일의 크기가 2KB이상일 경우에는 압축을 하는것이 낫고 2KB 이하일 경우에는 압축을 진행하지 않는것이 더 효율적 이라고 합니다.