-
[javascript] 40. 성능(Performance) - 자바스크립트 강좌 JS / CSEWeb/JavaScript 2015. 6. 13. 15:28JavaScript Performance
1. Reduce Activity in Loops
반복문은 프로그래밍에서 종종 사용됩니다.반복문 안의 모든 구문은 각 반복문의 반복에 의해 실행됩니다.2. Reduce DOM Access
HTML DOM을 접근하는 것은 다른 자바스크립트 구문과 비교 했을 때 매우 느립니다.여러 번 DOM 요소에 접근을 해야 한다면, 한번 접근하여 지역 변수로 사용하십시오:123obj = document.getElementById("demo");obj.innerHTML = "Hello";cs 3. Reduce DOM Size
HTML DOM의 숫자를 적게 유지하십시오.위처럼하면 페이지 로딩과 랜더링 빠른 속도를 향상 시킬 수 있습니다.4. Avoid Unnecessary Variables
값을 저장하기 위한 계획이 없다면 새로운 변수를 생성하지 마십시오.아래와 같이 종종 작성하는데 낭비적입니다.12var fullName = firstName + " " + lastName;document.getElementById("demo").innerHTML = fullName;cs 이렇게 작성하세요.
12document.getElementById("demo").innerHTML = firstName + " " + lastNamecs 5. Delay JavaScript Loading
스크립트를 페이지 바디의 밑에 놓게 되면, 브라우저는 페이지를 먼저 불러옵니다.스크립트가 다운로드 될 동안, 브라우저는 다른 어떤 다운로드도 하지 않습니다. 게다가 모든 파싱(parsing), 랜더링 작업은 멈추게 될 것입니다.대안은 스크립트 태그에 defer="true"를 사용하는 것 입니다.defer 속성은 페이지가 파싱을 끝내기 전에 스크립트 실행 여부를 명시합니다.외부 스크립트에서 적용됩니다.123456789<script>window.onload = downScripts;function downScripts() {var element = document.createElement("script");element.src = "myScript.js";document.body.appendChild(element);}</script>cs 6. Avoid Using with
with 키워드의 사용을 피하십시오. 속도에 negative effect를 일으킵니다.with 키워드는 strict mode에서 허용하지 않습니다.'Web > JavaScript' 카테고리의 다른 글
[javascript] 43. 서식 검사(Forms validation) - 자바스크립트 강좌 JS / CSE (0) 2015.06.13 [javascript] 42. JSON - 자바스크립트 강좌 JS / CSE (0) 2015.06.13 [javascript] 41. 예약어(Reserved Keywords) - 자바스크립트 강좌 JS / CSE (0) 2015.06.13 [javascript] 39. 실수(Mistakes) - 자바스크립트 강좌 JS / CSE (0) 2015.06.13 [javascript] 38. 좋은 지침(Bset Practices) - 자바스크립트 강좌 JS / CSE (0) 2015.06.13 [javascript] 37. Style Guide - 자바스크립트 강좌 JS / CSE (0) 2015.06.13