跟踪Web页面性能
浏览器会解析HTML并开始下载页面中的组件。这种情况下,浏览器的缓存是空的,因此必须下载所有的组件。
时间花在哪里了?
1.有缓存的场景并没有太多下载活动(浏览器解析HTML,JavaScript和CSS是从缓存中获得组件)。
2.大量的HTTP请求是并行发生的。
3.请求脚本时不会发生并行请求(浏览器在下载脚本时会阻塞额外的HTTP请求)。
性能黄金法则
只有10%20%的最终用户响应时间花在下载HTML文档上。其余的80%90%的时间花在了下载页面中的组件上。
1.关注前端可以很好地提高整体性能
比起减少后端响应时间,在减少相同的时间下,减少前端响应时间,减少整体的响应时间会更多。
2.改进前端通常只需要较少时间和资源。
** 相比之下,减少后端延迟会带来很大的变动。**
3.前端性能调整被证明是可行的。