유틸리티, 정보/WEB TIP

웹에서 간단히 CSS,JS코드 압축하는 CSS JS Online CSS Minifier/Compressor 사이트

romeo1052 2016. 3. 13. 15:53
반응형




설명은 역시나 간단하게 합니다.


그냥 왼쪽창에 CSS코드를 붙여넣고 아래 파란버튼을 누르면 우측에 Minifier된 코드가 나오니 복사하면됩니다.



이 작업이 무엇을 의미하는지 모르는분들에게 간단히 설명하자면

CSS코드의 모든 공백과 엔터키 입력값을 제거하여 한줄로 코드를 늘려서 문서의 크기를 줄여주는 작업입니다.

공백이 모두 제거되어도 CSS를 구현하는데에는 아무런 문제가 없습니다.


문서의 크기가 작아지면 웹페이지 로딩속도가 줄어들고 트래픽도 다소 줄어들게 됩니다.

조금이라도 빠른 로딩을 원한다면 중요한 작업입니다.


다만 주석이 모두 제거되고 한줄로 늘어서기때문에 나중에 편집하기가 상당히 까다롭겠죠.

수정용 원본은 백업을 잘 해두시기 바랍니다.


물론 JS 파일도 JavaScript Minifier가 됩니다.


Minifier된 파일을 업로드 후 기능에 이상이 없는지 차근차근 확인해보시길 바랍니다.

위 사이트를 이용하시다 생기는 문제는 전적으로 본인의 책임입니다.





추가적으로 

등의 기능도 있습니다.

JPG 옵티마이저는 화질손상없이 크기를 줄여주나 파일에따라 옵티마이징이 안되는 경우가 많고

PNG CRUSH는 뭔지 저도 모르겠네용.




https://cssminifier.com/

반응형