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

前端性能优化关键词: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
编辑于 2016-11-11

文章被以下专栏收录