你好，我是三桥。 你知道前端工程师最怕的是什么时候吗？是需求不合理？是出现线上故障后不知所措？还是说无法找到解决问题的办法？ 我相信，最怕的肯定是线上故障时的不知所措。特别是产品反馈有大范围的用户客诉时，那种身上的焦虑感绝对瞬间暴涨。要是找不到问题根...

你好，我是三桥。 从这节课开始，我们就进入了新的篇章，一起来探讨全链路的优化内容。我们将从性能优化开始，把INP指标优化作为切入点。 什么是INP指标呢？它能够衡量网页对用户互动的响应速度，是一项重要的响应性指标。优化INP的过程很复杂，但优化后会带...

你好，我是三桥。 上节课，我们探讨了如何通过拆分长任务来优化INP指标，解决页面卡顿的问题。实际上，不仅是长任务会影响INP指标，页面布局、渲染和解析HTML会影响INP指标。 浏览器工作流程我们先回顾一下浏览器是如何布局和渲染HTML的。下面是一张...

你好，我是三桥。 这节课，我们使用首字节时间作为参考指标，优化跟网络相关的全链路。 我们在第7节课中已经简单介绍了首字节时间指标，即从资源请求到响应的第一个字节开始，一直到请求到达所经过的时间。 虽然首字节时间在WebVitals中并非核心网页指标，...

你好，我是三桥。 TTFB指标的优化并不是在性能出现问题时才需要考虑。想要提升用户体验，我们就要考虑用更少的时间触达用户，让用户更快地访问网页。 优化TTFB指标并没有统一的优化标准和优化方案。不过我可以给你提供4个方向的优化建议，你可以根据实际情况...

你好，我是三桥。 上一节课探讨的各种优化方案，都是为了减少TTFB指标。这节课，我们来说说白屏的问题。 在任何情况下，网页的首字节（TTFB）时间都会有一个具体的指标值，只有资源类文件可能会因为浏览器的缓存机制而为0。 也就是说，无论距离有多远，前端...