라이믹스의  js,css 압축 기능을 그냥 기본 공통파일만 압축으로 사용을 하다가 오늘 테스트 삼아 모든 파일 다 압축하는 것으로 변경하고 테스트를 해 보았습니다.

 

압축된 것을 다운 받아보고 압축되지 않은 것을 두개를 받아봤습니다. 레이아웃의 css 1개를 테스트 삼아 받아봤는데요.

 

21kb -> 24kb 로 오히려 용량이 커지는 결과를 확인했느데요.

 

 

 

파일을 열어보면 압축된 파일은 공백이나 줄바꿈 같은 것은 모두 제거가 되어 있습니다.

다른 이유가 없다면 오히려 트래픽이 늘어난다고 오해할 것 같은데요. 

 

어떤 비밀이 있는 건가요?

 

레이아웃 css의 경우를 보니

background-image: url(../images/comments.png);

 

의 내용이 아래의 긴 내용으로 바뀌다 보니 용량이 증가하는 것 같습니다.

 

 

 

background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAACMUlEQVQ4jY2TzUuUYRTFf/d53/lwyJlygtxURFjTWK1qI0EtQggXkQa5EXETwbgI/Bfau1LaVJsIjVKCIIIWhUJS0sYcBtO+KButmXK+nHdmfG+LmHGa0rrLe8859z6H8wgNFR6fiIIMqGpHs2237mvyF4HXwCRwb6qrs1KPlxpxbMKPyLCilwUxADssi/2BphpYVRNA31RX52y1Z35tnfSDPAKuVMl/KxGJAM86Hj4++5sAMIxwZitig0hA4MHe23dOAEh4fDKqypwRzFCkjUPNzTWwLULAMnx1StxcekfJdWuzVCGXmE9+PmYr2i8i5mTLLq4ebtty82I2y26fjw/5As+/pQj5AxGPZXXbAqcA/Ja17ek+YzFw8ACqSuzlK5ZyeUL+QI9RpfV/3l7nASGvBwDLSNSIUABIFou4qlsS18rlP3oV1w3YqhIX4ehCNsfF6RmuHW/n7sdPFDY28BlD2Osh5ZQ4Etw0t1DZQFXJl5ykEfR+dfAi/Z3+mVluvH1P2XUJ+7zs9HppDwXZ0+Qn7ZQYXVgkkcmSdYo45fK0tIxN2AhzgkQaT2xMYjQYJJ7JoKrEV5bd1Hq+3aR7uyuC9Cla+JeB8UwGgGR2jVQhd51YLGEAUpcuzKJ6XnV7EVXlS+YHS6nVpwJDsBll0r09T9YL2dMlp5jQusRViZniOvMry+6b1OqowjkdHCxC3W+s1ciIbUS6bY+vx2tM1GckkC85SadSmVa4RSyWqIf/BMnN6Y2ykx0EAAAAAElFTkSuQmCC);

 

 

알못의 추측 : 위 이미지경로만 표시한 코드가 이미지자체를 포함한 코드로 바뀌면서 css 파일의 요량은 증가했지만 이미지를 로드하지 않았으므로 전체적인 용량 증가는 없는 것이다.

 

알못의 추측이 맞을까요?