页面速度检查器

页面速度检查器

页面速度检查器是一个基于浏览器的工具，通过测量加载耗时和审计 HTTP 响应头来分析网站性能。它提供即时性能评分、包含各阶段耗时（DNS、连接、TTFB、下载）的可视化瀑布图，以及有关提高页面速度、缓存、压缩和安全响应头的可操作建议。

如何使用页面速度检查器

1. 输入 URL — 键入或粘贴您要分析的页面的完整 URL。如果省略，工具会自动添加 https://。
2. 点击“分析速度” — 工具将获取页面，记录耗时，并分析响应头。
3. 查看您的得分 — 根据响应时间和响应头最佳实践计算出综合性能得分（0–100）。
4. 检查瀑布图 — 可视化瀑布图分解了 DNS 查询、连接、服务器响应 (TTFB) 和内容下载阶段。
5. 查看审计与建议 — 查看具体的响应头审计结果，并按照优先级排名的建议来提高性能。

了解关键指标

TTFB (首字节时间)

TTFB 衡量浏览器在发送请求后等待来自服务器的第一个字节数据的时间。它包括 DNS 解析、TCP 连接、TLS 握手和服务器处理时间。良好的 TTFB 应低于 200ms；超过 1000ms 的值表示服务器端存在严重的性能瓶颈。

总加载时间

从请求开始到响应下载完成的总时间。对于 HTML 文档，这代表文档传输时间（不包括后续资源如图像、CSS 和 JavaScript 的加载）。

响应大小

响应正文的大小。较小的响应加载速度更快。启用压缩（gzip/Brotli）并精简 HTML/CSS/JS 以减小传输大小。典型的网页 HTML 压缩后应在 100KB 以下。

性能响应头最佳实践

得分明细

性能得分由两个主要因素计算得出：

• 响应时间 (60%) — TTFB 和总加载时间。TTFB 低于 200ms 且总耗时低于 1000ms 为极好。
• 响应头审计 (40%) — 缺失压缩、缓存或安全响应头会降低您的分数。每项失败的检查都会扣分。

得分分级：90–100 极好，70–89 良好，50–69 有待改进，0–49 较差。

局限性

• 此工具在您的浏览器中运行，因此结果反映了“您的”网络条件和地理位置。
• CORS 限制可能会阻止某些网站的完整响应头分析。在这些情况下，工具会回退到仅限耗时的分析。
• 与服务器端工具（Lighthouse, WebPageTest）不同，此工具无法测量渲染耗时、JavaScript 执行或核心网页指标（如 LCP, FID 和 CLS）。
• 由于网络条件、服务器负载和缓存情况，多次运行的结果可能会有所不同。

提高页面速度的技巧

1. 启用压缩 — 在您的 Web 服务器上配置 gzip 或 Brotli 以压缩文本资源。
2. 设置缓存响应头 — 为静态资源设置长 max-age，为 HTML 设置短 max-age 并配合 ETag。
3. 使用 CDN — 从离用户近的边缘节点提供资源以减少延迟。
4. 优化图像 — 使用现代格式（WebP, AVIF），压缩图像并实施懒加载。
5. 减少阻塞渲染的资源 — 延迟加载非关键的 CSS 和 JavaScript。
6. 减少第三方脚本 — 每个外部脚本都会增加 DNS 查询、连接和解析时间。

常见问题

页面速度检查器测量什么？

它测量响应时间（TTFB 和总加载时间），分析 HTTP 响应头是否符合性能最佳实践（如缓存、压缩和安全响应头），并提供包含可操作建议的综合性能评分。

为什么页面速度对 SEO 很重要？

Google 将页面速度作为排名因素。更快的页面提供更好的用户体验、更低的跳出率和更高的转化率。核心网页指标（Core Web Vitals）包括加载性能，是 Google 页面体验信号的一部分。

什么是 TTFB，为什么它很重要？

TTFB（首字节时间）衡量浏览器等待来自服务器的第一个字节数据的时间。良好的 TTFB 应低于 200ms。高 TTFB 表明存在服务器端性能问题，如数据库查询缓慢、缺乏缓存或服务器过载。

为什么我在测试某些 URL 时会遇到 CORS 错误？

CORS（跨源资源共享）错误发生在网站限制来自其他域的基于浏览器的请求时。这是一种安全特性。如果您遇到 CORS 错误，说明目标服务器不允许来自浏览器的跨源请求。

如何提高我的页面速度得分？

启用 gzip 或 Brotli 压缩，设置具有长 max-age 值的适当 Cache-Control 响应头，使用 CDN，优化图像，减少阻塞渲染的资源，并实施 HSTS 和 X-Content-Type-Options 等安全响应头。