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

 

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 파일을 만드시면 됩니다.

 

 

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

 

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