본문 바로가기
개발/javascript

javascript, css 코드 압축해서 용량 줄이기 (refresh-sf)

by 황태고블린 2022. 2. 15.

사이트 규모가 커지거나 코딩량이 늘어나면 처음엔 여유있게 작성하던 페이지가 사이즈가 커지게 되고 

이럴때 코드를 압축해서 용량을 줄여 로딩시간을 줄이기 위해 노력합니다

이게 별거 아닌거 같으면서도 또 은근 로딩시간에 개입하는 부분이 커서 자주 쓸일은 없지만 

화면 뜨는 속도가 점점 느려지는 느낌이 든다면 이 부분좀 신경써서 봐야할때가 있습니다

 

저는 보통 Refresh-SF 라는 사이트를 이용합니다

javascript, css, html 사용 가능합니다

 

https://refresh-sf.com/

 

Refresh-SF - Online JavaScript and CSS Compressor

A minifier removes the comments and unnecessary whitespace from a program. Depending on how the program is written, this can reduce the size by about half. An obfuscator also minifies, but it will also make modifications to the program, changing the names

refresh-sf.com

 

예를 들어 아래와 같은 css가 있다면

 

728x90

 

이 사이트 입력란에 해당 css 를 붙여넣기 하고 CSS 버튼을 누르면 코드를 압축해줍니다

 

압축한 결과가 나오고 파일로 저장하거나 얼마나 용량이 줄었는지 확인할 수 있습니다

댓글