자바스크립트 압축해서 사용하기
2013.06.02 10:32
자바스크립트 압축해서 사용하기
광고 차단 플러그인을 꺼 주시면 블로그 운영에 도움이 됩니다. ^^

얼마전까지 블로그에 신경쓰는 부분이 SNS, 디자인등 보여주는 부분에 집중을 했습니다.

 

지금은 SNS관련 플러그인은 모두 삭제한 상태이구요. 좀더 빠르게 열리는 블로그를 만들고 싶다는 욕심이 생겨서 방문자 접속시 로딩 속도가 빠르게 해볼려고 노력 중입니다.

 

전문 지식을 가지고 하는 작업이 아니라 더디고 이게 맞는건지 틀리는건지, 또 효과가 있는지 없는지 정확한 판단을 못하지만 조금이나마 좋아질거라는 희망을 가지고 작업합니다.^^

 

블로그나 홈페이지를 운영하면 꼭 들어가는 소스중에 하나인 자바스크립트를 압축해서 로딩속를 개선해 볼까 합니다.

 

자바스크립트 압축하기

 

자바스크립트를 압축하는 방법은 쉽답니다. 압축할 소스를 복사해서 압축해주는 사이트로 이동후 하시면 됩니다.

 

자바스크립트를 압축해주는 사이트 :

http://dean.edwards.name/packer/

http://javascriptcompressor.com/

 

사이트는 여러군데 있지만 위 두군데 정도 알아두시면 좋을 듯 합니다. 전 http://javascriptcompressor.com에서 작업했습니다.

사이트로 이동하면 위 화면이 나옵니다. 간단한 화면에 압축하는것도 간단 합니다.

 

압축할 자바스크립트를 복사 합니다. 위 화면처럼 " #script type="text/javascript"# #/script# " 안에 소스를 복사합니다. (빨간 박스 부분)

 

복사한 소스를 1번 창에 넣고 "Compress"를 눌러주시면 2번 창에 압축된 소스를 보여 줍니다. 2번창 소스를 전체 복사해 주세요.

 

 

복사한 압축된 자바스크립트를 원본 스크립트와 교체해 주시면 됩니다.

 

이러한 방법으로 모든 자바 스크립트를 압축해 주시고 "js"로 된 스크립트 파일도 편집 프로그램으로 열어서 압축후 사용하시면 효과를 보실수 있습니다.

 

물론 효과라는것이 체감할정도로 확 오지는 않겠지만 이러한 사소한 최적화 작업들이 모여서 좀더 쾌적한 로딩을 가져오지 않을까 생각 합니다.

, , , , , ,

  1. 블로그 속도에는 압축보다 어떻게 코드를 짜느냐와 위치를 어디에 두느냐가 더 영향을 미치는 것 같아요. 그래도 조금이라도 속도를 빠르게 할 수 있다면 압축도 나쁘지 않은 방법이죠.
    트랙백 하나 보낼께요. http://mathbang.net/377

  2. 안녕하세요. 수학방님
    제 블로그에 자주 오셔서 좋은 글도 남겨 주시고 항상 감사히 생각합니다.^^

    코드를 잘 짜야 하는것은 아는데 제 실력엔 ....
    댓글 감사합니다.^^