web前端本質上是一種gui軟體，本可以直接借鑑其他gui系統架構設計方法，但web前端有點特別
瀏覽器的乙個請求從傳送到返回都經歷了什麼？
在這些請求過程中有一些潛在的效能優化點
其中，資源合併與壓縮（html壓縮，css壓縮，js的壓縮與混亂，檔案合併，開啟gzip）就可以減少http請求，可以減少請求資源的大小
html的全稱是超文字標記語言，html網頁本身是一種文字檔案，通過在檔案中新增標記符，可以告訴瀏覽器如何顯示其中的內容，包括文字大小，顏色，顯示等等。這就意味著在文字檔案中的一些特定意義的字元可以在瀏覽器顯示的時候就不一樣了，html**壓縮就是壓縮這些在文字檔案中有意義，但是在html中不顯示的字元，包括空格，製表符，換行符等，還有一些其他意義的字元，如html注釋也可以被壓縮。
這有乙個計算
google的流量，佔到整個網際網路的40%
預計2023年全球網路流量將會達到1.3zb(1zb = 10^9tb)
那麼google在2023年的流量就是1.3zb * 40%
如果google每1mb請求減少乙個位元組
每年可以節省流量近500tb
檔案合併存在的問題
前端效能優化 資源合併與壓縮
前端效能優化學習筆記一 前端 中，結構清晰，有一些空格換行符在開發時很有必要。但是瀏覽器是不需要結構清晰，而除去不必要的空格和注釋可以減小 量，減小資源請求。每個瀏覽器請求的過程都是非常耗時的，請求乙個100kb的檔案要遠比請求兩個50kb的檔案來的快。同時，瀏覽器每次的請求數是有限的，chrome...
一 資源的合併與壓縮
一 資源的合併與壓縮 1 減少http請求數量和減少請求資源大小兩個優化要點 2 掌握壓縮與合併的原理 1 瀏覽器的乙個請求從傳送到返回都經歷了什麼？前端是b s架構的，理解請求對效能優化有重要的意義 2 請求過程中一些潛在的效能優化點 1 dns是否可以通過快取減少dns查詢時間？2 網路請求的過...
前端效能優化 資源優化
資源優化方向壓縮和合併，目的是減少http請求數量 減少請求資源大小。css js檔案合併原則 1 若干小檔案可以嘗試合併 2 無衝突，服務相同模組 3 不是為了優化合併而合併，按需合併，讓使用者更早看到和使用功能為主。1 選擇合適格式的，了解jpg png svg webp gif等格式的特點，j...