1. script tag는 </body> 바로 전에 놓는다.(야후 성능 연구팀의 자바스크립트 제1원칙)
http://developer.yahoo.com/performance/rules.html#js_bottom
http://doublegintonic.tistory.com/123

2. script 갯수를 최소로 줄인다(야후 콤보핸들러 등 사용)

3. link tag 다음에 inline script를 사용하지 않는다.

4. LazyLoad or labjs를 사용하여 script를 동적으로 loading한다
https://github.com/rgrove/lazyload
http://labjs.com/

5. 두번 이상 사용할 전역변수는 지역변수에 할당한다.

6. with 문은 절대 사용하지 않는다. - scope chain 문제

7. try-catch 문은 꼭 필요한 곳만 사용하고 catch문 내의 코드를 최소화 하며
가능하면 메서드를 생성해서 에러 처리를 위임하는게 좋다.

8. eval은 꼭 필요할때만 사용한다.

9. 두번 이상 사용할 중첩 객체 멤버는 지역변수에 할당한다.
(객체 메소드는 제외 - 메소드의 this가 오작동 할 수 있기 때문)

10. DOM은 가장 적게 사용하고, 가능하면 모든 작업을 ECMAScript로 한다.
 - DOM 강의하시는 분 얘기로는 DOM이 더 빠르다고 한다. 어느게 맞는지는 잘...

11. 이벤트 위임(부모 요소로)을 이용해서 이벤트 핸들러 수를 최소한으로 줄인다

12. AJAX 사용시 가능하면 jsonp를 사용하고 부득이한 경우 json을 사용한다.(xml 비추)

13. 개체생성은 리터럴 사용(var a = [1,2,3]; var b="aaa";var c={"a":"b"})
   - 배열값 할당은 []사용(a[0] = 1; push() 사용금지)

14. 정규표현식 최적화

Posted by incree

2014/02/21 10:32 2014/02/21 10:32
, ,
Response
0 Trackbacks , 0 Comments
RSS :
http://www.incree.com/tc/incree/rss/response/320

Trackback URL : 이 글에는 트랙백을 보낼 수 없습니다


Notices

Archives

Authors

  1. incree

Recent Trackbacks

Calendar

«   2017/06   »
        1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30  

Site Stats

Total hits:
409966
Today:
149
Yesterday:
150