본문 바로가기

돈버는공부/티스토리 연구

css 압축 - 티스토리 로딩속도 단축 하는법

저번 시간에 html 압축을 알아봤는데요 오늘 알아볼 내용은 css 압축 하는 방법 입니다 물론 html 단축 뿐만 아니라 css 코드가 긴경우에는 이 방법도 유용할 수 있습니다 아래 그림 설명을 참고하셔서 자세하게 알아보도록 하겠습니다



css 압축 쉽게 따라하기





물론 html 압축 방법과 마찬가지로 css 압축 방법은 너무나도 간단합니다 아마 전에 포스팅을 한번 보시면 어떻게 하는지 대충 감이 잡히실 겁니다 아래 방법을 참고해 주시면 되겠습니다





사이트 이름은 Online JavaScript/CSS/HTML Compressor 인데요 네이버 검색을 통해서도 쉽게 접속해 보실 수 있습니다 귀찮으신 분들은 아래 바로가기 경로를 이용해 주시면 됩니다





해당 사이트에 접속하면 다음과 같은 창이 나오실겁니다 여기서 자신의 css 코드를 복사하셔서 넣어주시면 됩니다 



css 코드를 복사 해주신 다음 위 그림에 표시된 css 버튼을 눌러주시면 바로 압축이 진행 됩니다 물론 여기서도 html 이나 자바스크립트 압축을 해주실 수 있으니 이점은 참고해 주시길 바랍니다





그러면 다음과 같이 압축된 css 코드가 생성된것을 확인하실 수 있고 그 아래로 보시면 -79.65% 압축률을 보이는 것을 알 수 있습니다 



지금까지 css 압축 방법에 대해서 간단하게 살펴봤는데요 여러분들도 위 방법으로 따라해보시고 유용하게 이용해 보셨으면 좋겠습니다 티스토리 최적화 방법에 대해서 더 알고 싶으신 분들은 아래 포스팅도 참고해 주시면 도움이 많이 되실것 같습니다