{{pageTitle}}
{{pageUrl}}
{{networkInfo.effectiveType}} / {{networkInfo.downlink}}Mbps / RTT:{{networkInfo.rtt}}ms
数据更新时间:{{new Date().toLocaleString()}}

性能优化建议

{{suggestion.category}}

{{suggestion.title}}

{{suggestion.description}}

  • {{item}}

核心Web指标 (Core Web Vitals)

{{Math.ceil(webVitals.lcp)}} ms
最大内容绘制 (LCP)
{{getLCPStatusText(webVitals.lcp)}}
{{webVitals.fid ? Math.ceil(webVitals.fid) + ' ms' : '未触发'}}
首次输入延迟 (FID)
{{getFIDStatusText(webVitals.fid)}}
{{webVitals.cls ? webVitals.cls.toFixed(3) : '0'}}
累积布局偏移 (CLS)
{{getCLSStatusText(webVitals.cls)}}

页面加载时间

{{tmDefination[t]}} {{Math.ceil(timing[t])}} ms

内存使用情况

已用/总量/限制
{{formatSize(performanceMetrics.usedJSHeapSize)}} / {{formatSize(performanceMetrics.totalJSHeapSize)}} / {{formatSize(performanceMetrics.jsHeapSizeLimit)}}

HTTP Response Header分析

Header
{{key}} {{value || '-'}}

长任务监控 (超过50ms的任务)

开始时间 持续时间 任务名称
{{formatTime(task.startTime)}} {{Math.ceil(task.duration)}} ms {{task.name}}

资源加载性能分析

资源 类型 大小 总耗时 DNS查询 TCP连接 请求响应 内容下载
{{getFileName(resource.name)}} {{resource.entryType}} {{formatSize(resource.transferSize)}} {{Math.ceil(resource.duration)}} ms {{Math.ceil(resource.dnsTime)}} ms {{Math.ceil(resource.tcpTime)}} ms {{Math.ceil(resource.ttfb)}} ms {{Math.ceil(resource.downloadTime)}} ms