都说网站要快、快对SEO好(参考CWV篇),但你的网站到底多快、慢在哪、怎么优化?得先会测。本文介绍主流测速工具怎么用、报告怎么看,把”感觉慢”变成”知道慢在哪、怎么改”。
一、三个主流测速工具
- PageSpeed Insights(谷歌官方,首选):直接反映谷歌怎么看你的速度,给出分数、核心网页指标和具体优化建议,还有真实用户数据;
- GTmetrix:详细的瀑布图(每个资源的加载时间)、直观的性能分析,适合深入排查;
- WebPageTest:最专业,可选测试地点、设备、网络条件,多次测试,进阶分析用。
日常用PageSpeed Insights即可(因为它代表谷歌视角),深入排查用GTmetrix看瀑布图。
二、PageSpeed Insights怎么看?
输入网址,重点看:
- 分开看移动端和桌面端:移动端更重要(移动优先索引,参考移动SEO篇),分数通常也更低;
- 核心网页指标(CWV):LCP(最大内容绘制)、INP(交互延迟)、CLS(布局偏移)是否达标——这是谷歌的排名信号(参考CWV篇);
- 实验室数据 vs 真实用户数据:真实用户数据(基于实际访客)最有参考价值,反映你目标用户的真实体验;
- 优化建议清单:工具会列出具体问题和改进项,这是行动指南。
三、看懂优化建议,区分”前端问题”还是”服务器问题”
这是关键——不同问题优化方向完全不同(参考提速篇):
指向服务器/线路的信号:
- “降低服务器响应时间(TTFB)”高 → 服务器慢或线路差,优化服务器端(缓存、数据库、升配)或换优质CN2线路(参考提速和线路篇);
- TTFB是第一个字节的时间,它高说明问题在”服务器还没开始传数据就慢了”。
指向前端的信号:
- “图片未优化/未用新一代格式” → 转WebP、压缩、懒加载(参考图片SEO篇);
- “消除阻塞渲染的资源” → 优化CSS/JS加载;
- “启用文本压缩” → 开Gzip/Brotli(参考Nginx调优篇);
- “提供适当尺寸的图片” → 按显示尺寸输出。
四、GTmetrix瀑布图:找出具体的慢资源
GTmetrix的瀑布图显示每个资源(HTML、CSS、JS、图片)的加载时间,一眼看出:哪个资源加载特别慢、哪个文件特别大、有没有阻塞、请求是不是太多。这对精确定位”到底是哪个东西拖慢了页面”非常有用。
五、测试的正确方法
- 多测几次:单次结果有偶然性,多测取平均;
- 测目标用户所在地区:WebPageTest可选测试地点,测你目标用户所在地的真实速度(参考测速篇的地区差异);
- 移动端优先:重点看移动端分数;
- 优化后再测对比:每做一项优化就测一次,验证效果、看提升了多少。
六、优化的优先级
按影响大小排:
- 先解决TTFB(服务器端):如果TTFB高,前端优化再多也有天花板——好线路好服务器 + 缓存是基础(参考提速篇);
- 再优化图片:通常收益最大的前端优化(参考图片SEO篇);
- 然后压缩、缓存、CDN(参考Nginx调优和Cloudflare篇);
- 最后精修CSS/JS阻塞等细节。
结论
网站测速:日常用PageSpeed Insights(代表谷歌视角、看CWV和建议)、深入用GTmetrix瀑布图找慢资源。看报告的关键是区分服务器问题(TTFB高→优化服务器/换好线路)和前端问题(图片、压缩、脚本)。按”先服务器TTFB、再图片、再压缩缓存”的优先级优化,每步测试验证。速度是实打实的排名和体验因素,把它测明白、优化到位。
