본문 바로가기

Study/Javaweb

사이트 성능 개선 이슈사항

Enable gzip compression

소스를 압축하여 전송 후 클라이언트 브라우저에서 해석처리.

네트워크상에서의 전송량을 줄여준다.

상위 브라우저에선 압축된 소스 해석이 가능.

그러나 특정 하위 브라우저에서 소스 해석이 불가능할 수 있다.


서버단에서 설정작업 필요.




Leverage browser caching

사이트 로고, 공통 CSS 등 반복적으로 쓰이는 항목을

캐싱하여, 재 로드를 방지하는 방법.


서버단에서 설정작업 필요.




Specify image dimensions

이미지 태그에 width와 height 값을 설정하여

페이지 렌더링에 도움을 주는 방법.


소스 개선 필요.




Combine images using CSS sprites

공통으로 쓰이는 이미지들은 묶어서 1번만 로드 후 사용하는 방법.

반면 공통적이지 않은 이미지들을 묶어서 사용할 경우 불필요하게 로드될 수 있음.


이미지 작업 및 css 개선 필요.




Enable Keep-Alive

이미 로드된 웹 임시파일을 다시 로드하지 않고 재사용하는 방법.


서버단에서 설정작업 필요.




Minify HTML

Minify CSS

불필요 공백 제거하여 소스코드 용량 및 렌더링 속도를 향상 시킴.


소스 개선 필요.




이미지 관련

대부분의 링크 및 메뉴가 폰트로 가능한 영역임에 불구하고 이미지화하여 이미지폰트로 사용.

과도하게 이미지를 사용.


디자인 이슈가 크지 않은 푸터, 하단 메뉴 등 이미지폰트를 시스템폰트로 대체




슬라이드 배너

메인 배너 이미지 사이즈가 큼. 불필요한 배너 이미지 개수를 줄임.