10 Javascript Performance Boosting Tips from Nicholas Zakas

원문 : 10 Javascript Performance Boosting Tips from Nicholas Zakas

1. Define local variables
   지역변수를 사용하라
   
2. Don’t use the with() statement
   with() 문법을 사용하지 마라
   
3. Use closures sparingly
   closures 를 절약하라
   
4. Object properties and array items are slower than variables
   개체 속성과 배열 항목은 변수보다 느리다.
   
5. Don’t dig too deep into arrays
   배열은 깊게 파지마라
   
6. Avoid for-in loops (and function based iteration)
   for-in 루프는 피하라. ( function 기반 반복은 피하라 )
   
7. Combine control conditions and control variable changes when using loops
   제어 조건을 결합하여 루프를 사용할 때는 변수 변경사항을 제어하라.
   
8. Define arrays for HTML collection objects
   HTML 컬렉션 개체는 배열로 재 정의하라
   

   function array(items) {
   		try {
   			return Array.prototype.concat.call(items);
   		} catch (ex) {			
   			var i       = 0,
   				len     = items.length,
   				result  = Array(len);
   			
   			while (i < len) {
   				result[i] = items[i];
   				i++;
   			}
   			
   			return result;
   		}
   	}
   
   	var divs = array( document.getElementsByTagName('div') );
   

9. Stop touching the DOM, damnit!
   DOM은 되도록 만지지 마라.
   
10. Change CSS classes not styles
    reflow가 일어나는 CSS class 변경을 자제하라.