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


什么是TTFB

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

TTFB有什么意义

可以相对的提供DNS查询,服务器响应,SSL认证,重定向等花费时间的参考。
可以作为其它优化手段的验证,不需要单独优化首字节时间。因为首字节时间本身不代表用户体验更好。
比如gzip能让网页加载更快,但是压缩需要花费时间,就会造成同一个网页,未压缩时首字节出现更快,但是整个页面加载却更慢的情况。

网页加载时间节点

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

参考链接

https://en.wikipedia.org/wiki/Time_To_First_Byte
https://www.littlebizzy.com/blog/ttfb-meaningless
https://blog.cloudflare.com/ttfb-time-to-first-byte-considered-meaningles/
https://developer.mozilla.org/en/docs/Web/Events/DOMContentLoaded