前端效能優化

2021-10-21 13:33:32 字數 593 閱讀 1179

前端效能優化主要是提高頁面的載入速度,優化使用者的訪問體驗。我認為前端優化可以從以下部分進行展開:

(1)通過檔案合併,css雪碧圖,使用base64等方式去減少http的請求數,避免過多的請求造成等待的現象。

(2)通過dns的快取機制,來減少dns的請求次數。

(3)通過設定快取策略,對常用不變的資源進行快取

(4)使用延遲載入的方式,來減少頁面主屏載入時需請求的資源。延遲載入的資源,當使用者需要訪問時再去載入。

(5)通過使用者行為,對某些資源使用預載入的方式,來提高使用者訪問資源的速度。

(1)使用cdn服務,來提高使用者對資源的請求速度。

(2)伺服器端啟用gzip,de****t等方式對於傳輸的資源進行壓縮,減小檔案體積。

(3)盡可能減小cookie的大小,並且通過靜態資源載入到其他網域名稱下,來避免對靜態資源請求時攜帶不必要的cookie。

(1)把樣式表放在頁面的head標籤中,以減少首次的渲染時間。

(2)避免使用@import。

(3)盡量把js**放在頁面底部,或使用async或defer標籤,避免指令碼載入和執行頁面的渲染。

(4)通過對js和css的檔案壓縮,能減少檔案的體積。

前端效能優化

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

前端效能優化

在開發好頁面後,如何讓頁面更好更快的執行 從前端的角度來看,效能可以分為兩個方向 從使用者角度來看,乙個是頁面載入的很快,另乙個是頁面使用起來非常流暢 輸入了url 瀏覽器開始解析 查詢本地快取 dns解析 建立連線 伺服器處理 伺服器響應 客戶端收到響應 解析html 然後開始渲染頁面 使用者可以...

前端效能優化

隨著現在 越來越酷炫,各種,資源庫,動畫等等用的越來越多,在使用者視覺和功能的提公升的同時,效能也成為乙個必須考慮的點。有人說 乙個 開啟時間超過8s,網民就會流失70 以上。這種說法我覺得不是很正確的,除非是非常重要 必須要使用的 否則超過5s我基本直接關了,體驗太差。所以,使用者 忍讓 是有極限...