开发工具 125文本工具 40编码加密 40图片文件 66查询工具 46计算转换 57站长工具 57生活工具 55娱乐工具 39金融理财 45
首页/站长工具/页面性能指标采集代码

页面性能指标采集代码

网站「感觉慢」但不知道慢在哪。把这段代码粘进浏览器控制台,它会用浏览器原生的性能接口把 DNS、TCP、TTFB、DOM 解析、资源加载逐段打印出来,还会把最慢的十个资源做成表格,优化重点一眼就看出来。

本地运行 · 数据不上传 站长工具 免费 · 无需注册
性能采集代码
点上方「生成」按钮开始

使用说明

  1. 用浏览器打开要测的页面,按 F12 打开开发者工具,切到 Console。
  2. 点「生成代码」,把整段复制粘贴进控制台,回车。
  3. 看「TTFB 首字节」这一项:超过 600ms 基本是服务端慢,前端再优化也没用。
  4. 再往下看资源表格,某个文件特别大或特别慢,那就是优化重点。

常见问题

为什么我在控制台跑的数值和测速工具不一样?
测速工具通常从多地多次采样取平均,还包含首次访问(无缓存)的情况;你在控制台跑的是当前这次访问,有缓存、有网络波动。拿它看「哪一段慢」而不是看「总分」,才有意义。
这些指标多少算正常?
TTFB 200-500ms 算好,DOMContentLoaded 1-2s 算好,完全加载 3s 内算好。移动端普遍比桌面慢一倍,分开看。
能自动上报吗?
能。把这段代码改成往你的接口发一条请求即可,但要注意别在页面加载完成前发,会互相抢带宽。

相关工具

站长工具 · 该分类共 57 个工具,展开查看全部