免费网站速度检测工具
在真实的 Chrome 浏览器中用 Google Lighthouse 测试您的页面,查看它显示内容的速度、加载期间无法响应的时长,以及哪些图片、脚本或文件拖慢了速度。
此工具检查什么
Lighthouse 性能评分
Lighthouse 自身的 0–100 评分,由下列加载指标加权组合而成。这就是您在此工具中看到的评分。
Largest Contentful Paint(LCP)
最大的内容块(通常是首屏大图或主标题)需要多久才出现。
First Contentful Paint(FCP)
屏幕上需要多久才开始显示任何内容。
Total Blocking Time(TBT)
加载期间页面因忙于运行脚本而无法响应点按或点击的时长。
Cumulative Layout Shift(CLS)
页面加载时内容跳动的程度。
Speed Index 和 Time to Interactive
可见页面填充完成的速度,以及何时能够稳定地使用。
拖慢速度的原因
最多 15 项未通过的 Lighthouse 审计,最差的排在前面 — 例如图片过大、阻塞渲染的文件或未使用的 JavaScript。
检查的工作原理
我们在无头 Chrome 中对您的页面运行一次 Lighthouse 性能测试。Lighthouse 默认模拟使用较慢移动网络的中端手机,因此结果通常比您在高速电脑上看到的要慢 — 这是有意为之,因为很多访客使用的并不是高速设备。
这是对单次页面加载的实验室测试。由于网络状况、服务器负载、广告和第三方脚本每次加载都不同,每次运行的结果会有差异,相差几分并不说明问题。请比较多次运行的结果后再下结论。
实验室测试无法测量 Interaction to Next Paint(INP),因为 INP 需要真人点按和点击;Total Blocking Time 是最接近的实验室指标。真实访客(实地)数据,例如 Google Search Console 中的 Core Web Vitals 报告,可能与这些实验室结果不同。
我们常发现的问题
图片过大
直接从相机或手机上传的照片,显示尺寸远小于其实际尺寸。
阻塞渲染的 CSS 和 JavaScript
位于页面头部、必须下载完成才能显示任何内容的文件。
未使用的 JavaScript 和 CSS
庞大的主题、插件或框架包,而其中大部分代码在此页面上并未用到。
繁重的第三方脚本
让浏览器一直忙碌的聊天小部件、标签管理器、嵌入视频和广告脚本。
服务器响应慢
由于主机速度慢、没有缓存或数据库操作繁重,第一个字节迟迟才到达。
布局偏移
没有预留空间的图片和嵌入内容,以及在内容出现后把它往下推的横幅。
如何修复
调整图片尺寸并压缩
按图片的显示尺寸导出(高清屏幕最多两倍),使用 WebP 或 AVIF 格式,并对首屏以下的图片进行延迟加载。
延迟加载不需要立即使用的脚本
为非必要脚本添加 defer 或 async,删除不使用的插件,并在有人与聊天或视频小部件互动时才加载它们。
缓存页面并使用 CDN
页面缓存和内容分发网络可以缩短服务器响应时间,对距离您服务器较远的访客尤其有效。
为内容预留空间
为图片和嵌入内容设置 width 和 height 属性或 CSS aspect-ratio,这样它们加载时就不会发生跳动。
压缩文本文件
在服务器或主机设置中为 HTML、CSS 和 JavaScript 开启 gzip 或 Brotli 压缩。
常见问题
为什么我的评分与 PageSpeed Insights 不同?
PageSpeed Insights 同样使用 Lighthouse,但它在不同地点的不同机器上运行,而且每次运行都是一次新的页面加载。当流量足够时,它还会显示来自 Chrome UX Report 的真实访客数据,而我们的实验室测试不包含这些数据。
为什么每次测试评分都会变化?
每次测试都是一次单独的页面加载,而网速、服务器负载和第三方脚本每次都不一样。小幅波动是正常的;请关注多次运行中一致出现的规律。
这会测量 Core Web Vitals 吗?
它会在实验室环境中测量 LCP 和 CLS。第三项 Core Web Vitals 指标 INP 需要真实访客的真实交互,因此无法在实验室测试中测量;Total Blocking Time 是最接近的替代指标。如需实地数据,请使用 Google Search Console 中的 Core Web Vitals 报告。
这是移动端测试还是电脑端测试?
我们使用 Lighthouse 的默认设置,模拟使用限速移动网络的中端手机。在电脑上很快的页面,在这里的得分仍可能较低。
为什么我看到“此项检查目前不可用”?
速度测试需要我们的服务器上运行 Lighthouse 和 Chrome。当它们不可用时,我们会如实告知,而不是显示编造的评分。请稍后再试。
实用指南
- Why is my website slow? How to find the cause and fix it"Slow" can mean a slow server, a slow main image, a sluggish response to taps, or a page that jumps around. Here's how to tell which, and what to fix first.阅读指南
- How to reduce image size without losing visible qualityImages are often the heaviest part of a page. Resize, choose the right format, compress, and serve the right size to each device, step by step.阅读指南