자바스크립트 성능 향상 방법 끌어모음
자바스크립트 성능 향상을 위한 방법을 이곳저곳에서 끌어 모아봤다
나의 개인적인 프로젝트에서도 하나하나 적용해보려고한다.
1. 스크립트 위치는 </body>태그 전에
대부분 <head>에 위치하는데 이는 좋지 않다고한다.
2. 스코프 참조를 최적화시켜라
var textprint = $('#textprint');
$('#textwriteBtn').on('click', function(evt){
evt.preventDefault();
closeSidepage();
$('#textprint, #textprintOverlay').fadeIn(500);
$("#textprint").toggleClass("hidden");
$("#textprintOverlay").toggleClass("hidden");
});
ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ
var textprint = $('#textprint');
var textprintOverlay = $('#textprintOverlay');
$('#textwriteBtn').on('click', function(evt){
evt.preventDefault();
closeSidepage();
textprintOverlay.fadeIn(500);
textprintOverlay.toggleClass("hidden");
});
전역 스코프등 어려운 말 생략하고
DOM이나 jquery 로 여러번 불러오면 그만큼 속도가 느려지니 변수에 저장해서 사용하라
두개의 코드중 어떤것이 속도가 빠를까?
기타 이외에도 성능 향상 방법은 계속 해서 추구해야한다.
하고 안하고의 차이가 매우 크다
사람은 20ms 차이도 느낄 수 있을 정도로 예민하기 때문이다.
'프로그래밍' 카테고리의 다른 글
괄호 영어 명칭 (0) | 2016.10.29 |
---|---|
#ifndef 사용 방법 (0) | 2014.12.02 |
visual studio 작업시 찾은 어셈블리의 매니페스트 정의와 어셈블리 참조가 일치하지 않습니다 HRESULT: 0x80131040 (0) | 2014.11.06 |
Error 1 attempt to use poisoned "SIG_OVERFLOW0" 에러 해결방법 (0) | 2014.08.02 |
Atmel Studio 에서 winavr 컴파일러 설정방법 (0) | 2014.08.02 |