web前端效能優化

2021-08-17 21:46:46 字數 660 閱讀 1929

一、網路相關的一切,包括dns解析 http請求等等 

二、web優化,就是前端頁面相關部分,也就是我們日常擼**能夠做到的一些

1、設定dns多級快取:瀏覽器快取,系統快取,路由器快取,ips伺服器快取,根網域名稱伺服器快取,頂級網域名稱伺服器快取,主網域名稱伺服器快取。 

2、dns負載均衡(dns重定向):使用cdn(content delivery network)內容分發網路,返回乙個離使用者最近的ip位址。

減少http請求:頁面內的,或者引入的css檔案和js檔案等都是乙個請求,都等重複上面的過程,減少請求的次數自然就提高了訪問頁面的速度。 

方法: 

1、合併css檔案:乙個css檔案請求一次,多個就請求多次,當然合併了就請求一次 

2、合併js檔案 

3、雪碧圖:將一些小製作成雪碧圖,只會請求一次 

4、快取:將一些css檔案或者js檔案快取下來自然速度就快上去了 

5、減少cookie中不必要的資訊:因為每個請求都會把cookie帶上,內容少自然就快;其實也可以使用h5的web儲存,用來代替cookie

一、css 

1、盡量不要在行內寫css 

2、使用link代替@import 

3、壓縮css 

4、避免使用css表示式 

5、css寫在html檔案上部

web前端效能優化

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

前端web效能優化

使用cdn 進行dns預解析 每個請求都需建立連線消耗一定時間,請求數越多則網頁載入時長越長。我們可以將資源盡可能的合併從而減少請求 合併,使用sprites精靈圖 css 檔案合併 動態指令碼載入 defer html解析完成後才執行,按載入順序依次執行 async 載入完立即執行,和載入順序無關...

Web前端效能優化

1.1 減少http請求 1.2 加快dns解析 1.3 設定http快取 1.4 資源合併 js,css 1.5 資源前端壓縮 1.6 精靈 sprite 1.7 data url scheme 1.8 服務端壓縮gzip 1.9 懶載入 1.10 css頭部載入 1.11 js非同步載入 1.1...