跟蹤Web頁(yè)面性能

瀏覽器會(huì)解析HTML并開(kāi)始下載頁(yè)面中的組件。這種情況下，瀏覽器的緩存是空的，因此必須下載所有的組件。

時(shí)間花在哪里了？

1.有緩存的場(chǎng)景并沒(méi)有太多下載活動(dòng)（瀏覽器解析HTML,JavaScript和CSS是從緩存中獲得組件）。

2.大量的HTTP請(qǐng)求是并行發(fā)生的。

3.請(qǐng)求腳本時(shí)不會(huì)發(fā)生并行請(qǐng)求（瀏覽器在下載腳本時(shí)會(huì)阻塞額外的HTTP請(qǐng)求）。

性能黃金法則

只有10%_{20%的最終用戶(hù)響應(yīng)時(shí)間花在下載HTML文檔上。其余的80%}90%的時(shí)間花在了下載頁(yè)面中的組件上。

1.關(guān)注前端可以很好地提高整體性能

比起減少后端響應(yīng)時(shí)間，在減少相同的時(shí)間下，減少前端響應(yīng)時(shí)間，減少整體的響應(yīng)時(shí)間會(huì)更多。

2.改進(jìn)前端通常只需要較少時(shí)間和資源。

** 相比之下，減少后端延遲會(huì)帶來(lái)很大的變動(dòng)。**

3.前端性能調(diào)整被證明是可行的。