알짜정보/IT정보

Javascript 소스 압축 사이트 소스 압축 코드 최소화 minify

리커니 2017. 11. 3.
반응형

 

js 소스 압축 사이트 소스 압축 코드 최소화 minify

 

보통 사용하는 라이브러리들은 뒤에 min을 붙여서 소스를 압축한 파일을 제공합니다.

 

ex)

jquery-3.2.1.js

jquery-3.2.1.min.js

 

소스를 압축하면 용량이 줄어들기 때문에 사이트 최적화에 도움이 됩니다.

 

Link : 사이트 최적화를 위한 레포팅 사이트, 최적화 체크

 

그럼 소스를 압축하는 방법을 알아보도록 하죠.

아래의 사이트로 접속을 합니다.

 

https://javascript-minifier.com/

 

 

방법은 간단합니다.

자신의 압축이 되지 않은 소스를 왼쪽 Input JavaScript textarea에 넣고 Minify 버튼을 클릭하면 끝납니다.

 

 

 

그럼 변수들이 알파벳으로 치환되고 한줄로 쭉~나오게 되죠.

 

 

해당 소스를 복사해서 min 파일을 만드시면 됩니다.

 

 

제이쿼리를 압축해 보았는데, 파일의 크기가 보이시나요? 반이 넘게 용량이 줄었네요.

 

이처럼 소스를 압축해서 배포하게 되면 사이트 최적화에 도움이 될 수 있습니다.

 

반응형

댓글

💲 추천 글