압축 및 최적화 개념

압축되는 항목

CIS가 시간이 경과된(stale) 컨텐츠를 제공하고 CSS, JS 및 HTML을 축소하여 사이트 속도를 높이는 것 외에도 CIS는 사이트 소유자를 지원하기 위해 gzip 및 brotli 압축을 제공합니다.

CIS는 다음 content-type에 대해 호환 가능한 클라이언트 및 브라우저에 gzip 또는 brotli로 인코딩된 응답을 리턴합니다.

text/html
text/richtext
text/plain
text/css
text/x-script
text/x-component
text/x-java-source
text/x-markdown
application/javascript
application/x-javascript
text/javascript
text/js
image/x-icon
image/vnd.microsoft.icon
application/x-perl
application/x-httpd-cgi
text/xml
application/xml
application/xml+rss
application/vnd.api+json
application/x-protobuf
application/json
multipart/bag
multipart/mixed
application/xhtml+xml
font/ttf
font/otf
font/x-woff
image/svg+xml
application/vnd.ms-fontobject
application/ttf
application/x-ttf
application/otf
application/x-otf
application/truetype
application/opentype
application/x-opentype
application/font-woff
application/eot
application/font
application/font-sfnt
application/wasm
application/javascript-binast
application/manifest+json
application/ld+json

원본에서 특정 응답을 인코딩하지 않으려면 원본 웹 서버에서 cache-control: no-transform을 설정하여 인코딩을 비활성화할 수 있습니다.

HTML, JavaScript 및 CSS 압축 기능

CIS는 웹 컨텐츠 축소를 사용하여 해당 기능을 변경하지 않고 모든 불필요한 문자를 HTML, JavaScript 및 CSS 파일에서 제거합니다.

CSS 및 JavaScript 축소는 캐시된 CSS 및 JS 파일에서만 작동합니다. CIS 이 파일에 대한 캐시 HIT를 리턴하면 이는 축소된 양식으로 브라우저에 리턴되어 CIS 이 전체 최소화 결과를 전달할 수 있습니다. CSS 및 JavaScript에 대한 축소를 사용 또는 사용 안함으로 설정해야 하는 경우 축소 변경의 영향을 확인하려면 CIS 캐시를 제거하십시오.

이미지 크기 최적화 압축

이미지 크기 최적화는 메타데이터를 제거하고 손실 압축 또는 무손실 압축을 적용하여 CIS 엣지 네트워크에 캐시된 리소스를 압축합니다. 이미지 크기 최적화는 이미지 크기를 줄여 이미지 다운로드를 가속화합니다. 이미지 크기 최적화는 외부 자원을 최적화할 수 없습니다.

이미지 크기 최적화 압축은 UI에서 페이지 규칙으로만 사용할 수 있습니다. 도메인 레벨 설정은 CLI에서 사용할 수 있습니다.

Accept: text/html,application/xhtml+xml,application/xml;q=0.9,image/webp,*/*;q=0.8

cf-bgj: imgq:85

cf-polished: qual=85, origFmt=jpeg, origSize=95005

cf-cache-status: HIT