이 간단한 방법으로 자바스크립트 속도를 높이세요
5802 단어 webdevbeginnersreactjavascript
웹페이지 하단
웹 페이지를 더 빠르게 로드하려면 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
결론
도움이 되었기를 바랍니다.
Reference
이 문제에 관하여(이 간단한 방법으로 자바스크립트 속도를 높이세요), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://dev.to/code_jedi/speed-up-your-javascript-with-these-simple-methods-1509
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
Reference
이 문제에 관하여(이 간단한 방법으로 자바스크립트 속도를 높이세요), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://dev.to/code_jedi/speed-up-your-javascript-with-these-simple-methods-1509텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)