web前端優化

2021-08-01 20:24:12 字數 636 閱讀 2921

盡量避免使用eval函式:

多了一步解析的步驟

function testnoeval()

var endtime = new date();

console.log( '耗時1:' + (endtime - starttime) + 'ms');

}function testeval() ");

var endtime = new date();

console.log( '耗時1:' + (endtime - starttime) + 'ms');

}testnoeval(); //耗時1:1ms

testeval(); //耗時2:222ms

拼接字串:(盡量使用陣列join方法)

function testnojoin()

function testjoin()

testnojoin(); // 耗時1:7ms

testjoin(); // 耗時2:6ms

原生的**比js內建函式速度更快;

1 > 2 ? 1 : 2;

math.min(1, 2);

記錄,待更新

web前端優化

做為乙個好的優秀前端,不僅能夠寫出優雅的 也要更加關注於效能性的問題,但由於我們在專案過程中可能會考慮到一些成本性的問題,不可能讓我們的專案在效能方面面面俱到,但我們可以做到最為基本的做優化。我們可以從以下幾點進行優化 1.減少對伺服器方面的請求 我們使用外部檔案 css 和js css sprit...

web前端效能優化

01 減少http請求 使用css sprite 合併js css02 使用cdn 當頁面中有很多資源的時候可以從不同伺服器中讀取 設定長的expires時間將直接減少http請求 如果資源設定了expires頭為將來的某個時間,下次訪問時候瀏覽器 發現資源還沒有過期,會直接從快取中讀取,不會再次產...

web前端優化(3)

預載入 懶載入lazyload.js實現原理 首先通過document的clientheight屬性獲取當前的可視高度 選中所有帶有懶載入屬性的標籤,迴圈遍歷 通過元素的getboundingclientrect方法獲得當前元素的top值 如果top值小於可視介面的高度,就將設定的懶載入屬性去掉,同...