前端效能優化

2021-08-19 17:27:50 字數 558 閱讀 3366

在開發好頁面後,如何讓頁面更好更快的執行

從前端的角度來看,效能可以分為兩個方向

從使用者角度來看,乙個是頁面載入的很快,另乙個是頁面使用起來非常流暢

輸入了url

瀏覽器開始解析》查詢本地快取》dns解析》建立連線》伺服器處理》伺服器響應》客戶端收到響應》解析html>然後開始渲染頁面》使用者可以進行互動》載入完成

1.儘量減少http的請求

合併,合併css,js

2.使用cdn

3.為檔案頭指定expires或cache-control,使內容 具有快取性

為了避免以後再次傳送http請求

4.避免空的src,和href

5.gzip進行壓縮

6.css放在頭部

對於內容偏多和網速過慢的使用者非常重要

7.減少dns的查詢次數

8.使用ajax的時候,如果對安全性要求不高的時候,url小於2k時,使用get,post分兩步走,先傳送檔案頭,在傳送資料。

9.預載入,懶載入

10.避免重定向,因為會發出兩次請求

11.採用事件委託,冒泡原理

前端效能優化

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

前端效能優化

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

前端效能優化

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