浏览器显示页面的几个关键时间点
2012-08-30 09:21
274 查看
一 开始渲染阶段的时间点:
1 TTFB(Time To First Byte) 发起请求到服务器返回数据的时间
wiki(
Time To First Byte or TTFB is a measurement that is often used as an indication of the responsiveness of a webserver or
other network resources.
It is the duration from the virtual user making an HTTP request to the first byte of the page being received by the browser. This time is made up of the socket connection time, the time taken to send the HTTP request, and the time taken to get the first byte
of the page.
)
2 TTDD (Time To Document Download) 从服务器下载HTML文档的时间
3 TTHE (Time To Head End) HTML文档头部解析完成所需要的时间
二 关于DomReady 中的时间点
domReady 对应har 结构中的DomContentLoaded
先来看看一个粗略的时间组成公式:
Time To Dom Ready = TTSR + TTDC + TTST
1 TTSR(Time To Start Render):浏览器开始渲染的时间
2 TTDC (Time To Dom Created) DOM树创建所消耗时间
3 TTST (Time To Script) BODY中所有脚本加载和执行的时间
三 关于Page Load 的时间点
1 start Reader
2 Dom Ready
3 Resource Download (简单来说所有的资源加载完毕)
四 可进行交互的时间TTI(Time To Interact)
1 start Reader
2 Core HTML Reader(核心功能相关的HTML渲染完成)
3 Core Javascript Bind (核心功能相关的Javascript 绑定完成)
1 TTFB(Time To First Byte) 发起请求到服务器返回数据的时间
wiki(
Time To First Byte or TTFB is a measurement that is often used as an indication of the responsiveness of a webserver or
other network resources.
It is the duration from the virtual user making an HTTP request to the first byte of the page being received by the browser. This time is made up of the socket connection time, the time taken to send the HTTP request, and the time taken to get the first byte
of the page.
)
2 TTDD (Time To Document Download) 从服务器下载HTML文档的时间
3 TTHE (Time To Head End) HTML文档头部解析完成所需要的时间
二 关于DomReady 中的时间点
domReady 对应har 结构中的DomContentLoaded
先来看看一个粗略的时间组成公式:
Time To Dom Ready = TTSR + TTDC + TTST
1 TTSR(Time To Start Render):浏览器开始渲染的时间
2 TTDC (Time To Dom Created) DOM树创建所消耗时间
3 TTST (Time To Script) BODY中所有脚本加载和执行的时间
三 关于Page Load 的时间点
1 start Reader
2 Dom Ready
3 Resource Download (简单来说所有的资源加载完毕)
四 可进行交互的时间TTI(Time To Interact)
1 start Reader
2 Core HTML Reader(核心功能相关的HTML渲染完成)
3 Core Javascript Bind (核心功能相关的Javascript 绑定完成)
相关文章推荐
- 利用Cookie保存数据,在浏览器页面显示用户上次访问时间
- javascript jsp页面动态显示系统时间 测试可用 多浏览器通过测试 (1)
- javascript jsp页面动态显示系统时间 测试可用 多浏览器通过测试 (2)
- jsp实现页面实时显示当前系统时间的方法
- asp.net中页面显示当前系统时间附图
- 小胖说事----------调用系统日历,显示某一个时间并且弹出系统日历的添加事件页面
- JS实时显示当前时间(IE+firefox)浏览器兼容代码(图证)
- 从浏览器输入网址到显示网站页面之间到底发生了什么?系列(三)
- 遇到的问题---jsp的ajax请求相同页面,服务端更新后浏览器仍然显示第一次的内容
- 如何解决自定义404页面在IE等浏览器中无法显示问题
- ExtJS直接在页面显示日期和时间控件
- ASP.NET页面在客户端浏览器中显示进度
- 【safari挖的那些坑】iOS safari 浏览器 时间乱码(ios时间显示NaN) 问题解决
- jsp页面显示当前时间
- 如何用JavaScript在页面上显示一个时间钟表
- 输入一个新的网址后到完全显示页面,浏览器做了哪些工作?
- 如何在页面上显示当前时间(动态更新)
- 当前时间到固定日期的天数,如:在页面弹出显示到到2015年5月1日还有多少天
- JQuery监听页面滚动总结和浏览器动态显示加载图片
- JSP页面中获取从controller中传递过来的时间数据,显示格式