{{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