前端效能優化 資源合併與壓縮

2021-08-26 08:30:34 字數 371 閱讀 2618

前端效能優化學習筆記一

前端**中,結構清晰,有一些空格換行符在開發時很有必要。但是瀏覽器是不需要結構清晰,而除去不必要的空格和注釋可以減小**量,減小資源請求。

每個瀏覽器請求的過程都是非常耗時的,請求乙個100kb的檔案要遠比請求兩個50kb的檔案來的快。

同時,瀏覽器每次的請求數是有限的,chrome是5個。

如果有6個請求,第一次請求佇列的第二個請求時間是1秒,第二次請求佇列的第乙個請求時間是1s,那麼總共的請求時間是二次佇列共2s。

可是如果將第6個請求的資源合併到第2個請求的資源上,那麼就變成了5個請求,總共的請求時間是一次共1s多一點。

由此可見,資源合併很有必要。

一 資源的合併與壓縮

一 資源的合併與壓縮 1 減少http請求數量和減少請求資源大小兩個優化要點 2 掌握壓縮與合併的原理 1 瀏覽器的乙個請求從傳送到返回都經歷了什麼?前端是b s架構的,理解請求對效能優化有重要的意義 2 請求過程中一些潛在的效能優化點 1 dns是否可以通過快取減少dns查詢時間?2 網路請求的過...

效能優化 資源的壓縮與合併

web前端本質上是一種gui軟體,本可以直接借鑑其他gui系統架構設計方法,但web前端有點特別 瀏覽器的乙個請求從傳送到返回都經歷了什麼?在這些請求過程中有一些潛在的效能優化點 其中,資源合併與壓縮 html壓縮,css壓縮,js的壓縮與混亂,檔案合併,開啟gzip 就可以減少http請求,可以減...

前端效能優化 資源優化

資源優化方向壓縮和合併,目的是減少http請求數量 減少請求資源大小。css js檔案合併原則 1 若干小檔案可以嘗試合併 2 無衝突,服務相同模組 3 不是為了優化合併而合併,按需合併,讓使用者更早看到和使用功能為主。1 選擇合適格式的,了解jpg png svg webp gif等格式的特點,j...