FeHelper：页面性能检测
❤ 打赏鼓励
探索更多实用工具 工具市场
{{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 |