前端效能優化總結

2021-10-07 14:27:10 字數 251 閱讀 9556

從使用者的角度而言,當開啟乙個網頁,往往關心的是從輸入完網頁位址後到最後展現完整頁面這個過程需要的時間,這個時間越短,使用者體驗越好。所以作為網頁的開發者,就從輸入url到頁面渲染呈現這個過程中去提公升網頁的效能。

所以輸入url後發生了什麼呢?在瀏覽器中輸入url會經歷網域名稱解析、建立tcp連線、傳送http請求、資源解析等步驟。

優化的目的在於讓頁面載入的更快,對使用者操作響應更及時,為使用者帶來更好的使用者體驗,對於開發者來說優化能夠減少頁面請求數,能夠節省資源。

前端效能優化總結

多使用記憶體,快取或者其他方法 減少cpu計算,減少網路請求 減少io操作 硬碟讀寫 靜態資源的合併和壓縮。靜態資源快取 瀏覽器快取策略 使用cdn讓靜態資源載入更快。css放head中,js放body後 懶載入減少dom操作,對dom操作做快取 減少dom操作,多個操作盡量合併在一起執行 事件節流...

前端效能優化總結

效能是前端開發乙個非常重要的組成部分,與應用不同,網頁的所有資源初始都需要通過網路傳輸,因此如何進行更好地進行網路傳輸對前端效能影響很大,此外還有瀏覽器渲染部分的優化。不管怎麼說如何進行前端效能優化是乙個永恆的話題。本文是閱讀小冊前端效能優化原理與實踐後加上部分自己以前的理解整理而成的,更詳細的原理...

前端效能優化總結

多使用記憶體,快取或者其他方法 減少cpu計算,減少網路請求 減少io操作 硬碟讀寫 靜態資源的合併和壓縮。靜態資源快取 瀏覽器快取策略 使用cdn讓靜態資源載入更快。css放head中,js放body後 懶載入減少dom操作,對dom操作做快取 減少dom操作,多個操作盡量合併在一起執行 事件節流...