반응형
설명은 역시나 간단하게 합니다.
그냥 왼쪽창에 CSS코드를 붙여넣고 아래 파란버튼을 누르면 우측에 Minifier된 코드가 나오니 복사하면됩니다.
이 작업이 무엇을 의미하는지 모르는분들에게 간단히 설명하자면
CSS코드의 모든 공백과 엔터키 입력값을 제거하여 한줄로 코드를 늘려서 문서의 크기를 줄여주는 작업입니다.
공백이 모두 제거되어도 CSS를 구현하는데에는 아무런 문제가 없습니다.
문서의 크기가 작아지면 웹페이지 로딩속도가 줄어들고 트래픽도 다소 줄어들게 됩니다.
조금이라도 빠른 로딩을 원한다면 중요한 작업입니다.
다만 주석이 모두 제거되고 한줄로 늘어서기때문에 나중에 편집하기가 상당히 까다롭겠죠.
수정용 원본은 백업을 잘 해두시기 바랍니다.
물론 JS 파일도 JavaScript Minifier가 됩니다.
Minifier된 파일을 업로드 후 기능에 이상이 없는지 차근차근 확인해보시길 바랍니다.
위 사이트를 이용하시다 생기는 문제는 전적으로 본인의 책임입니다.
추가적으로
등의 기능도 있습니다.
JPG 옵티마이저는 화질손상없이 크기를 줄여주나 파일에따라 옵티마이징이 안되는 경우가 많고
PNG CRUSH는 뭔지 저도 모르겠네용.
https://cssminifier.com/
반응형
'유틸리티, 정보 > WEB TIP' 카테고리의 다른 글
| 반응형 웹페이지로 디자인하는 간단한 팁 (0) | 2016.04.02 |
|---|---|
| 마우스 커서를 지정 변경시켜주는 태그 (0) | 2016.04.01 |
| 웹에서 간단하게 이미지를 아이콘으로 ico 파일로 만들기 (0) | 2016.03.30 |
| 내 웹사이트에 메타태그 정보를 입력하는 검색엔진 최적화 HTML 마크업 가이드 (0) | 2016.03.16 |
| Google Tag Assistant를 사용하여 구글 에널리틱스(google analytics)가 제대로 설정되는지 확인하기 (0) | 2016.03.12 |
| 티스토리 초대장이 9장 있습니다. 혹시 필요하신분 있으시면 댓글을 남겨주세요. (10) | 2016.03.11 |
| 구글검색에서 원치않는 페이지 노출 색인 삭제하는 방법 (0) | 2016.03.11 |
| 구글 애드센스 콘텐츠 불충분 승인을 위한 자세한 방법 (22) | 2016.03.03 |
| 티스토리 블로그에 애드센스 달기 (9) | 2016.03.02 |