Rev. 2.73

jQuery 자바스크립트 라이브러리를 개발한 John Resig씨는 대표적인 자바스크립트 라이브러리들의 로딩 스피드를 측정하면서 재미있는 사실을 알아냈다. 결과는 jQuery가 가장 빨랐다. 여기서 주목해야 할 부분은 가장 빠른 로딩속도를 가진 라이브러리가 무엇인지 따지는 것이 아니라 자바스크립트 파일 크기와 읽기 속도는 항상 비례하지 않는다는 것이다.

Total_Speed = Time_to_Download + Time_to_Evaluate 

외부 자바스크립트 파일의 용량을 줄이기 위한 방법으로는 GZip으로 압축전송하는 방법 외에도 Minify하거나, Packing하는 방법이 있다. Minify는 파일 내부의 개행과 주석 그리고 인텐트(들여쓰기) 등, 시스템이 이해하기에 불표한 문자열을 제거하여 용량을 줄이는 방법이고 Packing은 여러가지 압축기법으로 문장을 암호화하여 브라우저의 인터프리터에 의존해 해석(Evaluate)하는 방식으로 Minified 파일보다 압축률이 훨씬 높다. Packed 파일은 곧 브라우저가 해석하기 위한 시간을 추가로 소모한다는 얘기다. jQuery를 대상으로 테스트 한 결과 Minified 파일의 로딩 시간은 519.7214ms이며 Packed 파일은 591.6636ms 그리고 아무런 압축도 가하지 않은 파일의 로딩시간은 645.4818ms가 걸렸다.

Packed한 자바스크립트 파일은 압축성능이 뛰어난 반면 브라우저의 처리능력에 크게 영향을 받아 클라이언트 측의 상황에 따라서 좋지않은 결과를 초래할 수도 있다는 것이다.

Comments

Got something to add? You can just leave a comment.

  • 이노메이커 이노메이커

    오!! 그렇군요.. 여기오면 항상 좋은 정보를 얻고 가는것 같아서 기분이 좋네요. 고마워요!!

    reply edit

  • 저도 고맙습니다. ^^;

    reply edit

  • 와우~ 흥미로운 결과군요. 압축해서 용량을 줄이는 것이 능사라고 생각했는데, network delay보다 클라이언트 웹브라우저쪽이 더 크게 영향을 미칠 것이라는 생각은 못했습니다.
    좋은 정보 잘 보고 갑니다. ;)

    reply edit

Your Reaction Time!

captcha

avatar