TTFB、LCP、CLS 是什么？网站性能指标怎么看、多少算快

网站的打开速度不是只有一个「快不快」，而是可以拆成多个指标。Web Vitals 是一组衡量页面体验的性能指标，其中 LCP、INP、CLS、FCP、TTFB 五项各有分工：TTFB 看服务器多久返回首个字节，LCP 看主要内容多久渲染出来，CLS 看页面布局有没有突然跳动。本文讲清这五项指标分别是什么、多少算快，以及在宝塔面板里从哪里看。

Web Vitals 是什么：衡量页面体验的一组性能指标

Web Vitals 是衡量网页体验的一组性能指标。宝塔网站统计插件的「页面性能」功能可以查看 LCP、INP、CLS、FCP、TTFB 等 Web Vitals 指标及其趋势（见宝塔网站统计使用教程）。

这五项指标分别衡量页面加载的不同方面：

指标	说明
LCP	最大内容绘制
INP	交互响应
CLS	布局偏移
FCP	首次内容绘制
TTFB	首字节时间

多少算快：各项指标的评分档位

宝塔网站统计按「优秀 / 良好 / 一般 / 较差」四档给每项指标评分，各档阈值如下：

指标	说明	优秀	良好	一般	较差
LCP	最大内容绘制	≤ 1.5 s	≤ 2.5 s	≤ 4 s	> 4 s
INP	交互响应	≤ 100 ms	≤ 200 ms	≤ 500 ms	> 500 ms
CLS	布局偏移	≤ 0.05	≤ 0.1	≤ 0.25	> 0.25
FCP	首次内容绘制	≤ 1 s	≤ 1.8 s	≤ 3 s	> 3 s
TTFB	首字节时间	≤ 400 ms	≤ 800 ms	≤ 1.8 s	> 1.8 s

一句话记住：TTFB 首字节 400 毫秒以内算优秀，LCP 最大内容绘制 1.5 秒以内算优秀，CLS 布局偏移 0.05 以内算优秀，FCP 首次内容绘制 1 秒以内算优秀，INP 交互响应 100 毫秒以内算优秀。

五项指标分别代表什么

• TTFB（首字节时间）：浏览器从发出请求到收到服务器返回的第一个字节的耗时，主要反映服务器响应快慢。
• LCP（最大内容绘制）：页面最大内容元素渲染出来的耗时，反映主要内容多久可见。
• FCP（首次内容绘制）：页面首次绘制出内容的时间，反映页面多久开始有内容显示。
• CLS（布局偏移）：页面加载过程中元素位置发生意外偏移的程度，反映页面会不会「跳一下」。
• INP（交互响应）：用户交互（如点击、按键）到页面做出响应的耗时，反映页面的交互流畅度。

上述指标的计算口径以宝塔网站统计插件的说明为准；Web Vitals 性能指标仅在支持 PerformanceObserver API 的浏览器中采集。

在宝塔面板哪里看这些指标

登录宝塔 Linux 面板，在「软件商店」搜索安装「宝塔网站统计」插件，为站点开启统计后，在插件的页面性能模块即可查看 LCP、INP、CLS、FCP、TTFB 等 Web Vitals 指标及趋势。