前端效能優化

2021-08-07 22:05:01 字數 793 閱讀 5884

1.減少http請求次數

②css sprites:在國內很多人叫css精靈,是一種網頁應用處理方式。它允許你將乙個頁面涉及到的所有零星都包含到一張大圖中去,這樣一來,當訪問該頁面時,載入的就不會像以前那樣一幅一幅地慢慢顯示出來了。對於當前網路流行的速度而言,不高於200kb的單張的所需載入時間基本是差不多的,所以無需顧忌這個問題。利用css的「background-image」,「background- repeat」,「background-position」的組合進行背景定位,background-position可以用數字精確的定位出背景的位置。

2.使用cdn

**上靜態資源即css、js全都使用cdn分發,亦然

3.減少dns解析次數

4.避免頁面跳轉

5.避免空的src和href

當link標籤的href屬性為空、script標籤的src屬性為空的時候,瀏覽器渲染的時候會把當前頁面的url作為它們的屬性值,從而把頁面的內容載入進來作為它們的值。所以要避免犯這樣的疏忽。

6.為檔案頭指定expires

exipres是用來設定檔案的過期時間的,一般對css、js、資源有效。   他可以使內容具有快取性,這樣下回再訪問同樣的資源時就通過瀏覽器快取區讀取,不需要再發出http請求。

7.把css放在頂部

8.把js放在尾部

9.避免使用css表示式

10.壓縮js,css檔案

……歡迎補充……

前端效能優化

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

前端效能優化

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

前端效能優化

原則 多使用記憶體和快取等儲存,減少cpu計算,減少網路請求。從載入頁面和靜態資源,及頁面渲染這兩方面入手 1.載入資源優化 a.靜態資源的壓縮合併 b.靜態資源快取 c.使用cdn讓資源載入更快 如搜尋boot cdn d.ssr後端渲染,資料直接輸出到html中 如jsp,php,資料直接輸出到...