여러 웹페이지에서 공통적으로 사용되는 자바스크립트 코드는 일반적으로 별도의 xxx.js 파일로 저장을 하고 이 파일을 필요한 곳에서 참조하는 식으로 사용한다. 그런데 xxx.js 파일의 크기가 커진다면 웹페이지의 성능이 떨어진다 말은 사실일까?

자바스크립트 파일의 크기가 웹 페이지의 성능에 미치는 연구결과를 아직까지 본적이 없어서 뭐라 결론내릴 수는 없다. 보통 성능은 서버쪽 프로그램에서 시작해서 거기서 모두 끝난다. 하지만 Ajax는 자바스크립트와 아주 밀접한 관련이 있고 앞으로 발전가능성이 충분하다고 가정한다면 서버쪽 성능뿐만아니라 스크립트 코드로 인한 성능문제는 충분히 이슈화될 것이다.

또한 자바스크립트가 실행되는 곳은 웹 브라우저이고 xxx.js 파일에 들어 있는 자바스크립트 코드가 브라우저에서 실행되려면 우선 xxx.js 가 존재하고있는 서버로부터 브라우저로 다운로드가 선행되야 한다. 사진이 많은 웹페이지에 접근해 봤다면 알겠지만 다운로드해야할 컨텐츠가 많으면 많을 수록 웹페이지는 느리게 열린다. 따라서 xxx.js 의 파일의 크기가 크다면 그만큼 브라우저의 실행속도는 다운로드가 종료될때까지 지연될 수 밖에 없다는 결론이 나온다. 따라서 다운로드 속도를 좀 더 빠르게 하기위한 해결책으로 압축기능을 제공하는 싸이트를 소개한다.

이 글의 제목에 있는 Obfuscation 이란 단어는 우리말로 바꾸기가 참 어려운데, 그 의미가 무엇이냐 하면 자신의 소스를 다른사람이 도용하거나 훔쳐가는 것을 막기 위해서 일부러 소스 코드 중에서 가장 중요한 멤버나 메소드의 이름을 무의미한 것으로 바꾸는 것을 말한다. 이렇게 수정되어진 소스는 그만큼 가독성이 떨어져서 읽는 사람으로 하여금 쉽게 포기하게끔 만든다. 사실 자바스크립트는 워낙 가독성이 안 좋은 언어라서 굳이 Obfuscation 으로 소스를 수정할 필요는 없을 것 같지만 기술유출을 방지하는 측면에서는 필요하지 않은가 싶다. 하지만 개인적으로는 Obfuscation 은 사용하지 않았으면 싶다. 모든 기술은 관심있는 모두에게 공개되어 서로 도움을 받고 도움을 주는 분위기가 성립되었으면 좋겠다. 정말 본인이 급할때 오픈소스의 가치가 어떤지는 개발자라면 잘 알것이다. 물론 시간이 지나면 그 고마움은 금방 잊혀진다. 하지만 곧 다시 깨닫게 되어 다시 오픈소스를 찾게 되는 자신을 발견할 것이다.

자바스크립트 소스를 압축/obfuscate 해주는 싸이트가 있다.

http://hometown.aol.de/_ht_a/memtronic/

위 싸이트에 가면 자바스크립트의 소스코드를 줄이기 위해서 Chrunch, Obfuscate, Compress 세가지 방법을 제공하고 있다.