跟踪Web页面性能

浏览器会解析HTML并开始下载页面中的组件。这种情况下，浏览器的缓存是空的，因此必须下载所有的组件。

时间花在哪里了？

1.有缓存的场景并没有太多下载活动（浏览器解析HTML,JavaScript和CSS是从缓存中获得组件）。

2.大量的HTTP请求是并行发生的。

3.请求脚本时不会发生并行请求（浏览器在下载脚本时会阻塞额外的HTTP请求）。

性能黄金法则

只有10%_{20%的最终用户响应时间花在下载HTML文档上。其余的80%}90%的时间花在了下载页面中的组件上。

1.关注前端可以很好地提高整体性能

比起减少后端响应时间，在减少相同的时间下，减少前端响应时间，减少整体的响应时间会更多。

2.改进前端通常只需要较少时间和资源。

** 相比之下，减少后端延迟会带来很大的变动。**

3.前端性能调整被证明是可行的。