前端效能優化方法概括

2022-03-05 10:14:49 字數 537 閱讀 6545

減少 http 請求

了解http請求快取機制,合理利用快取

減少 dns 查詢

避免重定向

快取 ajax 請求

頁面中不會經常變化的資料可以存放到瀏覽器本地儲存中

延遲載入

預先載入

減少 dom 元素數量

劃分內容到不同網域名稱

儘量減少 iframe 使用

避免 404 錯誤

補充規則:定義字符集,並放在頂部。大多數瀏覽器會暫停頁面渲染,直到找到字符集定義。

什麼情況下網域名稱重定向有用

1、如果你想為**更換網域名稱,利用301重定向將原本的網域名稱重定向至現在的網域名稱。

2、如果你想刪除**中的不合理或無意義的目錄,利用301重定向到**首頁。

3、如果你想把其他的一些閒置網域名稱共同指向某乙個在用的**,利用301重定向就能夠輕鬆實現。

4、如果你想實現**url的規範化,比如xxyfkj.cn和www.xxyfkj.cn的規範化,利用301重定向就可以完成。

前端效能優化方法

一 減少http請求數 1.合併 當較多時候,可以合併為一張大圖,從而減少http請求數 2.合併壓縮css樣式表和js指令碼 3.去掉不必要的請求 無效的連線請求可以通過firebug等工具檢視 4.充分利用快取 客戶端側快取 二 優化 1.盡可能地使用png格式的,它相對來說體積較小 2.對於不...

前端效能優化的幾個方法

為什麼要做前端效能優化?在構建web站點的過程中,任何乙個細節都有可能影響 的訪問速度,如果不了解前端效能優化的知識,很多不利於 的因素會累加,從而嚴重影響 的效能,導致 訪問速度變慢,使用者體驗低下,最終導致使用者流失。前端效能優化的方式 1.封裝元件 把所有需要復用的功能或網頁模板封裝成元件,在...

前端效能優化

1.減少http請求次數 css sprites 在國內很多人叫css精靈,是一種網頁應用處理方式。它允許你將乙個頁面涉及到的所有零星都包含到一張大圖中去,這樣一來,當訪問該頁面時,載入的就不會像以前那樣一幅一幅地慢慢顯示出來了。對於當前網路流行的速度而言,不高於200kb的單張的所需載入時間基本是...