网页打开慢,这锅该谁背?

一、背景

工作中扯皮说不可避免且非常常见的事情. 开发与产品、开发和测试、前端和后端都会产生扯皮现象。今天要聊的一个问题就是前后端之间的扯皮问题。

网页打开太慢或者点击了某个按钮发现数据很久才显示出来，这个锅谁背?

做开发不能无凭据地胡乱甩锅, 我们要用数据说话, 具体看哪个参数呢,就是我们今天介绍的 TTFB.

二、TTFB

Time To First Byte 就是后台响应的第一个字节到达浏览器的时间, 说白了这个值比较大的话就说明是后端接口的问题,比如达到了几秒甚至十几秒; 如果比较正常的话通常不会超过一秒,一般都是 ms 级别,当然数据较大的话可能会稍微慢点,当然慢太多的话就要考虑交互数据能不能缩小来优化了。

如果这个数据正常,那基本就可以把问题归结于前端渲染了,是不是阻塞了、有没有异步处理等。这口锅有理有据地传给了前端同事。

打开浏览器控制台(以chrome 为例)，点击Network，点击某个请求，切换到Timing 即可看到：