eggPlant Performance工具可提供的真实浏览器指标咨询
eggPlant Performance Real Browser Metrics 核心内容说明
eggPlant Performance的真实浏览器指标完全基于Chromium、Firefox等主流浏览器内核的原生DevTools API采集,不存在模拟计算的偏差,具体包含以下几类核心内容:
核心页面加载体验指标
- 首屏绘制时间(First Paint, FP):浏览器首次向屏幕渲染非默认空白像素的时间,对应普通用户感知到页面「开始加载」的时间节点
- 首次内容绘制时间(First Contentful Paint, FCP):浏览器首次渲染文本、图片、非空白Canvas/SVG等实际内容的时间,属于W3C标准的用户体验核心指标
- 最大内容绘制时间(Largest Contentful Paint, LCP):页面视口内尺寸最大的内容元素完成加载渲染的时间,是当前Web Vital体系中最核心的页面加载速度评估指标,和用户对页面加载快慢的主观感受匹配度最高
- 页面完全加载时间:从请求发起到浏览器触发window.load事件的总耗时,对应页面所有静态资源、初始JS逻辑都执行完成的时间节点
- 交互就绪时间(Time to Interactive, TTI):页面所有资源加载完成、长任务执行完毕,可稳定响应用户输入的时间节点
交互性能指标
- 首次输入延迟(First Input Delay, FID):用户首次和页面产生交互(点击按钮、输入文本、勾选选项等)到浏览器实际响应该交互的耗时,反映页面初始状态的交互灵敏度
- 交互到下一次绘制时间(Interaction to Next Paint, INP):统计页面全生命周期内所有用户交互的响应延迟中位数,覆盖交互场景比FID更全面,目前已经成为Web Vital新的核心交互评估指标
- 总阻塞时间(Total Blocking Time, TBT):FCP到TTI之间所有执行时长超过50ms的长任务的阻塞总时长,数值越高页面出现卡顿的概率越高
- 累积布局偏移(Cumulative Layout Shift, CLS):页面全生命周期内非用户交互触发的意外布局偏移的总得分,用来评估页面是否会出现元素突然跳动影响用户操作的问题
资源加载明细指标
- 单资源全链路耗时:覆盖页面所有依赖资源(HTML、CSS、JS、图片、音视频、接口请求等)的DNS查询、TCP握手、TLS协商、请求发送、首字节等待(TTFB)、内容下载全阶段耗时统计
- 资源加载成功率:统计所有资源的加载成功/失败比例,可直接定位4xx/5xx资源请求异常、跨域阻塞等问题
- 静态资源缓存命中率:统计浏览器对可缓存静态资源的命中情况,可用来评估前端缓存策略的合理性
浏览器运行时指标
- JS总执行时长:页面生命周期内所有JS脚本的累计执行时长,可定位是否存在冗余JS逻辑、未清理的定时器等问题
- 重排重绘总次数与耗时:统计页面DOM变更、样式调整触发的布局重排、样式重绘的总次数和累计耗时,数值过高通常是前端代码优化不到位导致
- 内存占用趋势:测试过程中浏览器进程的内存占用变化曲线,可用来排查前端内存泄漏问题
自定义业务指标
支持在测试脚本中插入自定义埋点,统计特定业务流程的耗时,比如点击登录按钮到登录成功状态回显的总耗时、提交表单到结果页加载完成的总耗时等,可灵活适配不同业务的测试需求
上述所有真实浏览器指标可以和工具原生采集的协议层HTTP请求耗时、错误率、吞吐量等数据做同场景自动关联,无需跨工具整合数据即可快速定位性能瓶颈属于后端接口问题还是前端渲染/交互逻辑问题,刚好适配同时开展协议层、UI层性能测试的场景。
内容的提问来源于stack exchange,提问作者Sarparajan
相关产品推荐
相关产品推荐

