跳转到内容
搜索文档

页面加载时间

最后更新 查看 MarkdownAgent 设置

页面加载时间摘要为您提供网页加载所需时间的概览,并按区域细分。要访问页面加载时间:

  1. 从您的账户主页转到 Web Analytics,并选择一个网站。
  2. 选择 Page load time(页面加载时间)

组件

以下是您可以检查的所有组件的列表:

页面加载

加载页面所需的总时间量。请注意,页面加载时间并不等于 Web Analytics 中可用的其他计时的总和。这是因为页面加载时间还包括不显示的计时,例如 DNS 查找前的计时和计时指标之间未归因的间隙。

DNS (domainLookupEnd - domainLookupStart)

DNS 查询需要多长时间。对于重复使用的连接或存储在本地缓存(内存或磁盘)中的内容,这可能会显示为零。

TCP (connectEnd - connectStart)

建立与服务器的 TCP 连接需要多长时间。如果使用 HTTPS,此过程包括 TLS 协商时间。

请求 (responseStart - requestStart)

发出 HTTP 请求和接收到响应的第一个字节之间经过的时间。

响应 (responseEnd - responseStart)

接收到的响应的第一个字节和最后一个字节之间经过的时间。可以将其视为资源下载时间。

处理 (domComplete - domInteractive)

渲染页面需要多长时间。这包括加载阻止页面渲染的任何资源,包括图像、脚本和样式表。如果此数字很大,请优化您的文档架构、资源大小,或在 Cloudflare Speed 应用程序中配置设置。此文档过程可以利用 domInteractivedomContentLoadedEventStartdomContentLoadedEventEnddomComplete 进一步深入挖掘。

加载事件 (loadEventEnd - loadEventStart)

当文档及其资源完成加载时由浏览器触发的事件。如果您为加载事件具有附加功能或任何逻辑,则加载事件的持续时间可能是一个有用的指标。

Web Analytics 加载时间摘要页面

为绘制计时收集的数据

为了使 Web Analytics 正常工作,Cloudflare 会收集多种类型的数据点。以下是为绘制计时收集的附加数据点:

First Paint

导航到浏览器在屏幕上渲染第一个像素之间的时间。

First Contentful Paint

浏览器从 DOM 渲染第一部分内容的时间。

这篇文档对您有帮助吗?