한 권으로 끝내는 Node & Express(2판): 모던 웹을 위한 서버 사이드 자바스크립트의 모든 것

299

17

장

정적 콘텐츠

라이트를 만들 때는 무료 서비스인 스프라이트패드

SpritePad

2

를 추천합니다. 이 서비스를 사용하

면 스프라이트를 정말 편하게 만들 수 있고, 필요한

CSS

도 만들 수 있습니다. 이보다 더 쉬운

방법은 없습니다. 스프라이트패드에서 무료로 제공하는 기능만 사용해도 충분하지만, 스프라

이트를 아주 많이 만들 예정이라면 유료 플랜을 사용해도 아깝지 않을 겁니다.

브라우저 캐싱은 자주 사용하는 정적 자원을 클라이언트 브라우저에 저장하는 방식으로

HTTP

요청을 줄입니다. 브라우저는 캐싱을 자동화하기 위해 여러 가지를 지원하지만, 그냥

저절로 되는 것은 아닙니다. 정적 자원을 브라우저에서 캐시하려면 여러분이 직접 해야 할 일

이 많습니다.

마지막으로 정적 자원의 크기를 줄여서 성능을 올립니다. 이 기법 중에는 데이터를 잃지 않고

크기를 줄이는

무손실

기법도 있고, 정적 자원의 품질을 떨어뜨려서 크기를 줄이는

손실

기법도

있습니다. 무손실 기법에는 자바스크립트와

CSS

의 최소화,

PNG

이미지 최적화가 포함됩니

다. 손실 기법에는

JPEG

와 비디오의 압축 레벨을 올리는 방법이 있습니다. 이번 장에서는 최

소화와 번들 (이 역시

HTTP

요청을 줄입니다)에 대해 설명합니다.

TIP

HTTP

요청을 줄이는 작업의 중요성은

HTTP

/

2

가 널리