前端效能優化筆記

2021-07-24 22:57:34 字數 764 閱讀 1870

1.減少http請求

2.如果需要在頁面中為背景,按鈕,導航欄提供大量背,css sprites可以縮短響應時間

3.合併指令碼和樣式表

4.對於地理上分散的使用者群來說,cdn(內容發布網路)能輕易的得到響應速度的提高

(注:cdn用於發布靜態內容,如,指令碼,flash.動態html會對儲存有特殊需求–資料庫連線,狀態管理,驗證等,這種超出cdn能力範圍內。)

5.瀏覽器(和**)使用快取來減少http請求的數量,並減小http響應的大小。expires頭告訴web客戶端「在這一日期之後,響應是無效的」。靜態的html頁面想要設定使用快取,通過http的meta設定expires和cache-control ,max-age(s)

-"cache-control" content="max-age=7200" />

-"expires" content="mon, 20 jul 2013 23:00:00 gmt" />

6.壓縮元件(伺服器端完成,gzip),壓縮通常能將響應的資料量減少近70%, 缺點是伺服器會花費額外的cpu週期來完成壓縮,客戶端要對壓縮檔案進行解壓縮,要檢測收益是否大於開銷。

7.將樣式表放在頂部,指令碼放在底部,避免css表示式

8.使用外聯js+css,好處是可以被瀏覽器快取。

9.精簡.

10.避免重定向

11.移除重複指令碼

12.當**被宿主在多於一台伺服器上時,etag頭可能會阻礙快取。

13.使ajax可快取

前端效能優化

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

前端效能優化

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

前端效能優化

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