zoukankan      html  css  js  c++  java
  • DOMContentLoaded 和 Load 和 Finish

    Chrome F12,监控一个请求的响应时间,一般参考下图:

    那么问题来了,Finish 和 Load有什么区别?

    ---DOMContentLoaded 和 Load

    DOMContentLoaded:DOM树构建完成。即HTML页面由上向下解析HTML结构到末尾封闭标签</html>

    Load:页面加载完毕。 DOM树构建完成后,继续加载html/css 中的图片资源等外部资源,加载完成后视为页面加载完毕。

    DOMContentLoaded 会比 Load 时间小,两者时间差大致等于外部资源加载的时间。

    ---Finish

    Finish: 是页面上所有 http 请求发送到响应完成的时间,HTTP1.0/1.1 协议限定,单个域名的请求并发量是 6 个,即 Finish 是所有请求(不只是XHR请求,还包括DOC,img,js,css等资源的请求)在并发量为6的限制下完成的时间。

    Finish 的时间比 Load ,意味着页面有相当部分的请求量,

    Finish 的时间比 Load ,意味着页面请求量很少,如果页面是只有一个 html文档请求的静态页面,Finish时间基本就等于HTML文档请求的时间。

    页面发送请求和页面解析文档结构,分属两个不同的线程,

    所以 Finish 时间与DOMContentLoaded 和 Load 并无直接关系。

    参考:https://segmentfault.com/q/1010000011840948?sort=created

  • 相关阅读:
    Python基础学习Day2
    Python基础学习
    字符串
    function对象
    GCN入门理解
    L1、L2正则化详解
    Matplotlib数据可视化基础
    sklearn 中模型保存的两种方法
    一文弄懂神经网络中的反向传播法——BackPropagation
    seaborn可视化
  • 原文地址:https://www.cnblogs.com/tjtest/p/8043997.html
Copyright © 2011-2022 走看看