前端web页面性能的指标有哪些?
- 白屏时间(Time to First Byte,TTFB),从发起页面请求到浏览器收到来自服务器的第一个字节的时间。较低的 TTFB 通常意味着更快的加载时间。
- 首次内容渲染时间(First Contentful Paint,FCP),浏览器首次将页面的实际内容(文本、图像等)渲染到屏幕的时间。这是用户可以看到实际内容的时间点。
- 首次有意义渲染时间(First Meaningful Paint,FMP),用户认为页面开始有意义渲染的时间。这通常是用户可以开始与页面进行交互的时间。
- 页面完全加载时间(Page Load Time),页面上所有资源都加载完成并准备好交互所需的时间。
- 可交互时间(Time to Interactive,TTI),页面加载完成后,用户可以开始与页面进行交互的时间。这包括 JavaScript 执行完毕、事件监听器绑定完成等。