모바일 웹뷰에서 화면이 로딩되기까지 시간이 매우 오래 걸리는 이슈가 있어서 확인해보니, javascript파일을 응답 받는데 까지 시간이 오래걸리는 문제였다.

해결 방법 1

import되어있는 script 파일중에서 사용하지 않는 코드는 최대한 삭제한다.

해결 방법 2

js, css 파일을 minify하여 파일 용량을 최소화 한다.

해결 방법 3

사용자 친화적인 기능을 표현하기 위해 로딩과 관련된 css와 html을 먼저 로드하고 html에서 필요한 데이터가 모두 로드된 이후에 js파일을 동적으로 import한다.

window.onload = function () { await loadScriptAsync(”js 파일 경로” ) }

해결 방법 4

속도가 완전히 줄어들지 않는다면 gzip을 활용한다.

적용 여부 확인 방법

• 서버로 부터 요청하는 어떤 API든 클릭해서 Response Headers의 Content-Encoding이 gzip으로 되어있는지 확인한다. 안되어있으면 아래 가이드 따라서 진행

gzip이란 content파일을 압축는 방식이며 브라우저간의 파일 전송시 매우 작은 크기로 압축되어 전송되기 때문에 속도 향상이 있다. 하지만 압축하는데에 메모리를 사용하기 때문에 CPU성능에 따라 효능이 달라질 수 있다.

Apache httpd.conf 파일