[Back To Basic] Javascript - 效能(performance)

• 減少迴圈陳述式的計算

// 不要在 for 迴圈的陳述式中取長度(每跑一次都會訪問一次陣列)

// for (let i = 0; i < array.length; i++) { }

// 事先取得長度

var arrayCount = array.length;

for (let i = 0; i < arrayCount; i++) { }

• 減少DOM的訪問

// 每次訪問demo1都使用這個變數，取代一直訪問DOM

var demo1 = document.getElementById('demo1');

demo1.innerHTML = 'Hi';

• 降低DOM的大小

盡量減少 HTML的元素，在

• 頁面載入
• 重新渲染(re-render)
• 訪問DOM

這些情境都能增進效能

• 減少不必要的變數
• 將 javascript 檔案放在頁面最下方載入
• 避免使用 with

source code