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

帕尼尼0_0發表於2018-08-29

前端效能優化學習筆記一

資源壓縮

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

資源合併

每個瀏覽器請求的過程都是非常耗時的,請求一個100KB的檔案要遠比請求兩個50KB的檔案來的快。
同時,瀏覽器每次的請求數是有限的,chrome是5個。
如果有6個請求,第一次請求佇列的第二個請求時間是1秒,第二次請求佇列的第一個請求時間是1s,那麼總共的請求時間是二次佇列共2s。
可是如果將第6個請求的資源合併到第2個請求的資源上,那麼就變成了5個請求,總共的請求時間是一次共1s多一點。
由此可見,資源合併很有必要。

相關文章