把网址丢进任何一个测速工具，你会得到一个分数和二十几项指标。大部分人看一眼分数就关掉了，因为不知道该看什么。
实际上决定用户感受的就三个数字。这篇讲清楚它们分别是什么、多少算合格、以及最重要的——分数高不等于用户觉得快。
一、首字节时间（TTFB）
意思：从浏览器发出请求，到收到服务器返回的第一个字节，中间过了多久。
这段时间里屏幕是完全空白的。用户什么都看不到，只能等。
它由什么决定：你和服务器的物理距离、服务器要不要现算页面、有没有缓存。
合格线：200 毫秒以内算好，500 毫秒以上用户能明确感觉到”卡了一下”，超过 1 秒会有人直接关掉。
参考几个真实数字：从奥克兰访问一台在悉尼的服务器，光是网络往返就大约 110 毫秒，这是物理距离决定的下限。如果服务器还要查数据库拼页面，再加几十到几百毫秒。我们的站改成静态托管之后稳定在 40 到 60 毫秒——因为内容就在离访客最近的节点上，不需要往返。
这是最值得优化的一项，因为它是纯等待，没有任何视觉进展。而且改善它通常靠架构，不靠抠细节。
二、最大内容渲染时间（LCP）
意思：页面上最大的那块内容（通常是首屏的大图或者标题）显示出来用了多久。
这个数字最接近用户说的”打开了”。在它之前，用户看到的是空白或者半成品。
它由什么决定：首字节时间 + 下载首屏资源的时间 + 渲染时间。所以它包含了第一项，改善第一项它也会跟着好。
合格线：2.5 秒以内是 Google 的建议值。超过 4 秒算差。
最常见的拖累是首屏那张大图。如果你的首页顶部有一张背景图，它的大小直接决定这个数字。一张没压缩的照片可能是 5MB，在手机 4G 上要好几秒。这也是我们另一篇文章里讲的手机端变慢的主要原因之一。
三、布局偏移（CLS）
意思：页面加载过程中，内容有没有跳来跳去。
典型场景：你正要点一个按钮，上面的图片突然加载出来，把按钮挤下去，你点到了别的东西。或者你在读一段文字，广告加载出来把文字顶走了。
它不影响速度，但严重影响体感。一个技术上很快的页面，如果一直在跳，用户的评价会是”这网站很烂”。
合格线：0.1 以下。这是个无单位的分数，越小越好。
最常见的原因有三个：图片没写尺寸（浏览器不知道要留多大空间，图片来了才撑开）、字体切换（先用系统字体显示，网络字体下载完再换，行高变了）、动态插入的内容（广告、提示条、聊天窗口）。
这三个都好修，而且修完不会再犯——给图片写死宽高、字体加载策略选对、动态内容预留空间。
为什么分数高不等于快
这是最需要说清楚的一点。
测速工具的分数是加权算出来的，包含很多指标，有些指标和用户感受关系不大。为了提分而做的优化，有时候对真实体验没有帮助，甚至有害。
常见的例子：为了减少”未使用的 CSS”这项扣分，把样式拆得很碎，结果请求数变多了；为了提高分数把图片压得过狠，结果画面变糊——而图片质量对一个装修公司或者摄影师来说是核心竞争力。
更重要的是：测速工具跑的是它自己的环境，不是你客户的环境。它用的网络条件是模拟的，地理位置可能在另一个国家。同一个网站在工具里 95 分，在奥克兰用手机打开可能还是慢。
所以正确的用法是：看那三个具体数字，不看总分。总分适合用来对比同一个网站优化前后的变化，不适合用来横向比较两个网站。
怎么自己测
三种方式，从粗到细：
浏览器开发者工具。最方便。打开网络面板，勾上”禁用缓存”，选一个慢速网络预设，然后刷新。你会直接看到每个资源的加载时间和总耗时。这是最接近真实的一种测法，因为是从你的实际位置发起的。
命令行。如果你只想看首字节时间，一条 curl 命令就够，看 time_starttransfer 这个值。好处是可以连续测很多次看波动——单次测量意义不大，因为缓存命中与否差别可以有十倍。
在线工具。适合拿到完整报告和改进建议。但记住上面说的，分数参考就好，重点看那三个数字，以及它列出的具体问题。
一个务实的建议
先测，再决定要不要优化。
很多网站的速度其实够用，花时间在这上面不如花在内容上。判断标准很简单：用手机、关掉缓存、限速到慢速 4G，打开你的首页，数到几看到内容。
三秒以内，速度不是你的瓶颈，去做别的。五秒以上，值得处理，而且通常问题很集中——多半是图片或者字体，不需要大改。
我们交付项目时这三项是基础检查，不额外收费。已经上线的站想查一下，用上面的方法自己测就行，不需要工具也不需要找人。