첨부파일 https://eond.com/jquery/361825

요즘엔 자바스크립트 파일을 배포할 때 파일을 압축해서 ***.min.js 형식으로 배포를 합니다.

jQuery 파일의 경우,

jQuery-2.1.1.js
jQuery-2.1.1.min.js

 

이런식으로 배포를 하는데요.

압축된 파일을 열어보면 빈 공간없이 소스가 한줄로 다 붙어 있는 걸 볼 수 있습니다.

 

이렇게 압축을 하는 이유는, 용량을 조금이라도 줄여서 조금이라도 화면이 뜨는 속도를 빨리하기 위함입니다.

그럼, 압축과 복원 방법을 알아보겠습니다.

 

 자바스크립트 파일 압축하기 

자바스크립트를 압축해주는 곳은 여러곳이 있지만, 대표적인 곳이 javascriptcompressor입니다.

아래 링크로 들어가서 원하는 소스를 넣고 [compress] 버튼을 눌러주시면 변환이 됩니다.

http://javascriptcompressor.com/

 

 

압축 전과 후의 용량을 비교해보면 30~40% 정도의 용량이 줄어든 것을 보실 수 있습니다.
물론, 소스에 따라 압축률이 다르겠지만요.

 

 

 압축된 자바스크립트 파일 복원하기 

http://jsbeautifier.org/

위 링크로 들어가셔서 한줄짜리 압축된 소스를 넣고 [Beautify Javascript or HTML] 버튼을 누르시면 복원해 줍니다.

 

 
코멘트 0
접기/펴기 | 댓글 새로고침
 
 
Total 142 articles in 5 / 8 pages
번호 제목 제목 날짜날짜
공지 슬라이더 스크립트 4종 2016/07/03 0
공지 jQuery 추천 사이트 2015/06/08 0
62 [ionic] Ionic Javascript examples 2015/09/03 0
61 [Banner] scrollon.js 흐르는 배너 2015/09/03 0
60 [고급활용] 마우스를 올리면 배경그림에 블러 효과 주기 2015/09/03 0
59 [고급활용] SCSS를 활용한 스크롤 배너 2015/09/03 0
58 [고급활용] 일정 영역만 보여주고 클릭하면 펼치기 2015/09/03 0
57 [고급활용] 마우스 따라 이미지 캡션 이동하기 2015/09/03 0
56 [property] [jquery] size()와 length [1] 2015/08/11 0
55 [슬라이더 플러그인] slidejs 2015/09/03 0
54 [기초활용] [jQuery] 부드럽게 '위로 가기' 만들기 2015/09/03 0
53 [슬라이더 플러그인] simplyScroll v2 2015/09/02 0
현재글 [추천사이트] 자바스크립트 파일 압축 및 복원하기 (***.min.js 파일 만들기) 2015/09/02 0
51 [질문] 풀지 못한 과제 3가지 2015/09/01 0
50 [플러그인] jQuery.html5form 파일 2015/08/31 0
49 [고급활용] [jQuery] Form, input 체크 validator, value 체크 2015/09/01 0
48 [플러그인] jQuery Validation Plugin 파일 2015/08/31 0
47 [기초활용] [jQuery] 태그로 구분해서 a 태그 효과 다르게 주기 2015/08/31 0
46 [플러그인] jquery chart 모음 2015/08/27 0
45 [기초활용] Javascript vs jQuery 2015/08/27 0
44 [플러그인] jQuery Cycle Plugin, 이미지 롤링 2015/08/27 0
43 [추천사이트] jQuery 활용 추천 사이트 2015/08/27 0

해시태그 디렉터리