[Web] 한줄짜리코드 - 코드 경량화 (minify)

css 파일이나 js 파일을 보면 한줄로된 코드를 볼 수 있다.

var TiaraTracker=function(){"use strict";var t=window;function e(t,e){return-1<t.indexOf(e)}var r="https://stat.tiara.kakao.com/track",n="https://stat.tiara.daum.net/track",a="https://track.tiara.kakao.com"..................

이런식의 js 파일이나

 

.CodeMirror{font-family:monospace;height:300px;color:#000;direction:ltr}.CodeMirror-lines{padding:4px 0}.CodeMirror pre.CodeMirror-line,.CodeMirror......

이런 css파일이 있다.

 

 

보통 파일명.min.css 처럼 .min 이붙으면 경량화를 거친 코드라고 볼 수 있다.

 

 

경량화를 하는 이유는 코드의 크기를 줄여 리소스를 절약하기 위해서이다.

 

불필요한 문자,주석,공백,줄바꿈 등을 제거하여 한줄로 만들어 코드의 크기를 10~95% 까지 줄일수 있다고 한다.

 

 

경량화는 아래 사이트에서 해 볼 수 있다.

https://www.minifier.org/

Minify JS and CSS online, or include the minifier in your project for on-the-fly compression.

 

코드 경량화를 시킬 언어를 선택하고 코드박스에 코드를 기입한뒤 MINIFY를 누른다

 

경량화된 한줄짜리 코드가 나온다.