Outsider's Dev Story

Stay Hungry. Stay Foolish. Don't Be Satisfied.
RetroTech 팟캐스트 44BITS 팟캐스트

Javascript 속도향상을 위한 31가지 체크리스트

Thomas Fuchs가 자신의 블로그를 통해서 "31 ways to speed up your JavaScript"라는 제목으로 SlowJavascript?라는 사이트를 통해서 체크리스트를 공개했습니다. 토마스 퍽스는 prototype.js기반의 UI라이브러리인 script.aculo.us를 만든 사람이고 지금은 다음버전인 scripty2를 만들고 있습니다.

Slow Javascript Homepage

이 체크리스트는 PDF형태로 제공되고 있으며 SlowJavascript?사이트에서 다운로드가 가능합니다. Newsletter에 가입하면 업데이트 정보와 퍼포먼스 팁을 보내준다고 합니다.

31가지 체크리스트는 아래와 같습니다. (무료로 배포된거니 적어도 되겠죠?)

  • Correct script tag placement
  • DOM Monster complexity approval
  • Correct caching headers
  • Concatenate, inlinine & pre-cache
  • Minify and/or Gzip
  • Smush, CSS sprite & favicon
  • Check your framework
  • Manage runaway timers
  • Maximize DOM code efficiency
  • Tune your Ajax
  • Shorten your code (assignment, operators, literals)
  • Strip out excessive cleverness
  • Tune your expressions
  • Cache RegExps
  • Watch out for closures, globals, literals
  • Use the most efficient control statements
  • Cache your variables
  • Clean up after yourself to minimize memory leaks
  • Tune / unroll your loops
  • Ensure optimal usage of object properties
  • Use JSON
  • Use the most efficient loops
  • Eliminate syntactic sugar
  • Use arguments effectively
  • Optimize for iPhone
PDF 한페이지로 잘 정리가 되어 있기 때문에 한장 프린트해서 책상옆에 나누어도 좋겠고 체크리스트라 여러장 출력해서 프로젝트마다 사용해도 좋을듯 합니다.

Performance Checklist PDF 스크린샷

위에처럼 생겼고 위쪽으로 갈수록 일반적인(Everyday) 튜닝이고 밑으로 갈수록 극단적인( Extreme) 튜닝에 대한 체크입니다.

물론 체크리스트이기 때문에 실제 튜닝작업을 하려면 관련지식이 많이 필요합니다. 사실 사이트나 PDF에도 언급이 되어 있듯이 올해 토마스퍽스는 JavaScript Performance Rocks라는 이북제작에 상당히 주력하고 있었고 지금은 판매하고 있습니다. 제가 책내용을 못봐서 정확히는 모르겠지만 이 체크리스트는 이 책의 내용중에서 나온 부분이고 더 자세한 처리방법은 해당책에 자세히 나와있을듯 합니다. 어찌보면 약간의 마케팅적인 부분이 있다고 할 수 있습니다.

어쨌든 공짜는 좋은거죠.
2009/10/22 02:29 2009/10/22 02:29