성능 가이드

톰캣 서버에 HTTP GET 방식 파일 압축 기능 설정

compression="on"
compressionMinSize="2048"
noCompressionUserAgents="gozilla, traviata"
compressableMimeType="text/html,text/xml,text/plain,text/jvascript,text/css,application/javascript"

엔진에 의해서 동적 방식(AJAX 방식)으로 로드되는 화면 관련 파일에 대한 브라우저 캐쉬 사용 여부를 설정한다.

적용 대상 파일

• xframe5.html 파일에 지정되지 않은 엔진 스크립트 파일
• 글로벌 모듈 리스트 파일 및 글로벌 모듈 파일 글로벌 데이터셋 리스트 파일 및 글로벌 데이터셋 파일
• 화면 XML 파일 및 JavaScript 파일 화면 loadjs API를 통해서 로드되는 스크립트 파일

미적용 대상 파일

• 엔진에서 사용하는 CSS 파일 및 이미지 파일
• 화면에서 사용하는 이미지 파일

USE_CACHE/USE_PICKLIST_CACHE 파라미터 true 인 경우, 아래와 같은 캐쉬 처리 방식을 제공한다.

• 0: 브라우저 기본 방식
• 1: 서버 파일 수정 시각 이용 방식

[브라우저 기본 방식]

• 브라우저 기본 방식을 사용하며, URL을 변경하지 않는다.
• 경우에 따라서 서버 파일이 변경되었음에도, 로컬 캐쉬에 있는 파일이 사용되는 오류가 발생할 수 있다.

[서버 파일 수정 시각 이용 방식]

• HTTP HEAD 명령을 이용하여 서버로부터 파일에 대한 수정 시각 정보를 년월일 시분까지 구하여, 파일 URL 에 추가 파라미터를 지정하는 방식이다.
• 브라우저 기본 방식 사용시 발생할 수 있는 서버 파일 미반영 오류를 최소화 하기 위한 방식이다.
• 하지만 파일 로드시 HTTP HEAD 명령 처리를 위한 부가적인 처리 시간이 소요되기 때문에, 적용전에 성능 점검이 필요하다.
• |file://프로토콜을 사용하는 환경에서는 사용 적용하지 말아야 한다.

아래의 예시와 같이 파일 URL 뒤에 파일 버전 정보성 쿼리 문자열을 추가하여 파일 변경시 해당 값을 변경하는 방법을 이용하여 캐쉬된 내용을 갱신하는 방법을 적용한다. (버전 관련 내용은 적용한 날짜 시각 정보를 설정할 것을 권고한다.)

CSS 파일 예시

<link rel="stylesheet" type="text/css" href="./xframe5.css?v=20200212">

JavaScript 파일 예시

<script type="text/javascript" src="./xframe5.js?v=20200212"></script>

일반적으로 브라우저 기본 캐쉬 정책을 사용한다.

CSS 파일 내에 정의된 이미지 파일도 다음과 같이 버전 정보성 쿼리 문자열을 추가하여 파일 변경시 해당 값을 변경하는 방법을 이용하여 캐쉬된 내용을 갱신하는 방법을 적용이 가능하다.

CSS 파일내 이미지 URL 예시

._xf_combobox_button { background-image: url('image/btn_combo.png?v=20200212'); }