이 간단한 방법으로 자바스크립트 속도를 높이세요

Javascript 코드가 원하는 것보다 느리게 실행되거나 상관없이 코드를 더 빠르게 만드는 방법을 알고 싶다면 Javascript를 더 빠르게 실행하는 구현하기 쉬운 몇 가지 방법을 고수하십시오.

웹페이지 하단



웹 페이지를 더 빠르게 로드하려면 Javascript 코드가 HTML 웹 페이지의 태그body 맨 아래에 있는지 확인하십시오.

웹 작업자



웹 페이지에서 시간 집약적인 Javascript 작업을 사용하는 경우 웹 작업자가 많은 시간을 절약할 수 있습니다. 웹 작업자를 사용한다는 것은 응답이 없고 느린 웹 페이지와 매끄럽게 실행되고 빠른 웹 페이지의 차이를 의미할 수 있습니다.

웹 작업자는 기본 프로세스와 병렬로 작업하기 위해 기본 Javascript 코드에 의해 생성된 별도의 스레드입니다.
웹 작업자 및 해당 JS 구현에 대해 읽을 수 있습니다here.

DOM 요소 저장



동일한 DOM 요소를 여러 번 조작할 때 코드 속도를 높이려면 한 번 정의한 다음 계속 참조해야 합니다.
아니

const el1 = document.getElementById("demo");
el1.style.color = "green";

const el1 = document.getElementById("demo");
el1.style.color = "blue";

const el1 = document.getElementById("demo");
el1.style.color = "pink";




const el1 = document.getElementById("demo");
el1.style.color = "green";

el1.style.color = "blue";

el1.style.color = "pink";


라이브러리 종속성 감소



JS에서 라이브러리를 로드하는 데 많은 시간이 걸릴 수 있으므로 Javascript 코드에서 불필요한 라이브러리 종속성을 제거해야 합니다.

루프 활동 줄이기



Javascript에서 루프는 실행을 완료하는 데 꽤 많은 시간이 걸릴 수 있습니다. JS 루프를 더 빠르게 실행하는 간단한 방법은 루프 자체 전에 루프 매개변수를 정의하는 것입니다.
아니

for (let g = 0; g < arr.length; g++) {




let arrlen = arr.length;
for (let g = 0; g < arrlen; g++) {


이렇게 하면 반복할 때마다 "arr"배열의 길이를 가져오는 대신 해당 값을 한 번 가져오고 반복할 때마다 재사용하기 때문에 for 루프의 속도가 빨라집니다.

전역 변수를 피하십시오



전역 변수는 JS 코드를 느리게 할 수 있습니다. 변수를 처음 정의할 때 반드시 var 접두사를 추가하여 전역 변수가 아닌 지역 변수로 만드세요.
아니

v1 = 9




var v1 = 9


결론



도움이 되었기를 바랍니다.

좋은 웹페이지 즐겨찾기