前端性能优化关键词:TTFB,以及页面加载的时间节点

什么是TTFB

TTFB(Time To First Byte)首字节时间,包含了发送请求到服务器,服务器处理请求并生成响应,服务器响应内容发送到浏览器的时间。只测试浏览器收到第一个字节的时间。这里的第一个字节不是内容,而是HTTP头的第一个字节。

TTFB有什么意义


可以相对的提供DNS查询,服务器响应,SSL认证,重定向等花费时间的参考。
可以作为其它优化手段的验证,不需要单独优化首字节时间。因为首字节时间本身不代表用户体验更好。

比如gzip能让网页加载更快,但是压缩需要花费时间,就会造成同一个网页,未压缩时首字节出现更快,但是整个页面加载却更慢的情况。

网页加载时间节点


First Byte 首字节
Start Render,First Paint 开始渲染,白屏时间
DOMContentLoaded 网页结构加载解析成DOM
Load 网页加载完成,包括样式图片iframe等加载

参考链接

chrome 控制台输入 chrome.loadTimes()
Time To First Byte
TTFB Is Still (And Always Will Be) Meaningless
Stop worrying about Time To First Byte (TTFB)
DOMContentLoaded
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值