임베디드 | 라즈베리파이 | ARM | 리눅스 | Qt | 딥러닝

자바스크립트 성능 향상을 위한 방법을 이곳저곳에서 끌어 모아봤다

나의 개인적인 프로젝트에서도 하나하나 적용해보려고한다.


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 차이도 느낄 수 있을 정도로 예민하기 때문이다.