本来觉得这是个小问题,没有怎么注意过,但在一次面试中被问到了。细节是很重要的!

1、requests => 资源请求总数;
2、transferred => 网络加载资源大小;
3、resources => 页面所有资源总大小(包含网络资源、浏览器缓存解析后的资源等);
4、Finish => 所有请求从发起到响应完成时间(注意:请求不只是XHR,页面请求和页面解析也是不同线程,不直接相关);
5、DOMcontentLoaded => HTML DOM结构树加载完成时间(不含样式表、媒体资源等);
6、Load => 页面所有内容加载完成时间(包含DOM结构、外部资源);
Chrome控制台中network底部概要参数
最新推荐文章于 2024-12-04 11:20:03 发布
本文详细解读了网页性能关键指标,包括资源请求、网络加载、页面大小、响应时间、DOM加载和完整加载等,帮助理解面试中常被问及的问题。

1万+

被折叠的 条评论
为什么被折叠?



