跟蹤Web頁面性能
瀏覽器會解析HTML并開始下載頁面中的組件千元。這種情況下苫昌,瀏覽器的緩存是空的,因此必須下載所有的組件诅炉。
時間花在哪里了蜡歹?
1.有緩存的場景并沒有太多下載活動(瀏覽器解析HTML,JavaScript和CSS是從緩存中獲得組件)。
2.大量的HTTP請求是并行發(fā)生的涕烧。
3.請求腳本時不會發(fā)生并行請求(瀏覽器在下載腳本時會阻塞額外的HTTP請求)月而。
性能黃金法則
只有10%20%的最終用戶響應(yīng)時間花在下載HTML文檔上。其余的80%90%的時間花在了下載頁面中的組件上议纯。
1.關(guān)注前端可以很好地提高整體性能
比起減少后端響應(yīng)時間父款,在減少相同的時間下,減少前端響應(yīng)時間瞻凤,減少整體的響應(yīng)時間會更多憨攒。
2.改進前端通常只需要較少時間和資源。
** 相比之下,減少后端延遲會帶來很大的變動振乏。**
3.前端性能調(diào)整被證明是可行的虐先。