웹 사이트 성능을 향상시키기 위한 방법

1. Client Side

CDN 사용

CDN은 Contents Delivery Network로 Cache Server에 컨텐츠를 저장해두었다가 요청 시 Cache Server가 응답을 주는 방식을 말합니다. 물리적인 거리의 제약이 없기 때문에 빠른 리소스 다운로드가 가능합니다.

리소스의 최소화

HTTP 아카이브에 따르면 데스크톱 컴퓨터에서 웹 사이트 페이지 가중치의 61%가 이미지라고 합니다. 이미지들의 사이즈를 줄이거나 화질을 조정하면 성능을 향상시킬 수 있습니다. CSS 스프라이트 기법은 HTTP 요청 수를 줄이는 매우 유용한 기술입니다.

Javascript 및 CSS 파일 수를 최소화하는 것도 하나의 방법입니다.

Javascript의 비동기 로딩

async 키워드를 사용해서 HTML파일로 인해 DOM이 형성될 때, 동시에 Javascript 파싱이 이루어지도록 합니다.

Lazy Loading

처음 렌더링할 때 모든 데이터를 가져오지 않고, 사용자의 view 범위에서 보이는 데이터만 로딩하는 Lazy Loading 방식을 사용합니다. 나머지 데이터는 필요할 때 동기적으로 가져옵니다.

2. Server Side

Load Balancing

이용자가 많은 경우 nginx나 pm2를 이용해서 로드밸런싱을 구축하고, 서버에 부하가 잘 나눠지게 할 수 있습니다.

HTTP 요청 분석 및 최소화

쓸모없는 요청은 지우고, 로딩이 오래 걸리는 요청은 그 원인을 파악해보아야 합니다.