코드 경량화

---

css 코드

css 코드는 네트워크를 통해서 전송되기 때문에 당연히 css 크기가 커질수록 컨텐츠의 생산자와 소비자 모두에게 비효율적이다.

따라서 코드 경량화(minify)를 통해서 네트워크로 주고받는 데이터 양을 줄이면 더 나은 서비스를 제공하는데 도움이 된다.

경량화 방법

• clean-css
  

  입력한 코드에 불필요한 문자를 제거해 코드를 최소화 시켜준다.

• 에디터의 확장 기능

  에디터마다 지원하는 확장 기능 중 코드를 경량화 해주는 기능들을 활용한다.

  brackets의 JS CSS Minifier 같은 확장 기능

• 명령어 사용

  node.js를 사용한다면 명령어를 통해 minify를 실행시킬 수 있다.

    cleancss -o public-min.css public.css
  

코드 경량화가 되면 데이터는 줄어들지만 사람이 보기에는 가독성이 아주 안좋기 때문에 기본적으로 원본 파일과 경량화한 파일을 따로 두어서 사용한다.

경량화된 파일의 이름은 대부분 ~.min.css 와 같이 작명된다.