腾讯云可观测平台 性能

这篇说说腾讯云前端性能监控中Electron平台的主进程性能、页面性能与页面加载三大模块,涵盖指标概览、趋势分析、耗时分析及多维下钻功能,帮助定位性能瓶颈。 主进程性能:展示系统及主进程的内存、CPU占用与上报量等核心指标。 页面性能:提供FCP、LCP、CLS、INP等指标,并支持瀑布图定位耗时瓶颈。 页面加载:覆盖网络连接至渲染完成全链路阶段耗时,含瀑布图与分位值分析。

相关产品
腾讯云可观测平台 产品页,含版本规格、价格与购买入口。

这篇说说了 Electron 平台 性能 监控模块的简介,以及功能的使用,详细介绍可参见 Electron 接入指引。

一、主进程性能

主进程是应用运行的核心进程,其性能指标直接反映应用的运行稳定性与资源消耗情况,以下是平台中常见的主进程性能指标说明。

二、筛选区域

详细内容可参见 数据分析-查询。

三、指标概览

展示系统资源的核心汇总数据(含平均值、上报量),包括以下几个指标:

·系统内存占用:整机当前实际使用的物理内存具体数值。

·系统内存占用率:整机已用物理内存占总物理内存的百分比。

·系统 CPU 占用率:整机所有进程占用 CPU 资源的比例。

·主进程内存占用:目标主进程当前实际占用的物理内存数值。

·主进程内存占用率:主进程已用内存占系统总物理内存的比例。

·主进程 CPU 占用率:主进程运行时占用的 CPU 资源比例。

·总上报量:指定周期内监控数据的累计上报总数量。

四、趋势分析

展示系统资源指标的时间趋势,辅助观测资源变化规律。

·指标切换:左侧标签可切换查看不同资源指标,例如系统内存占用、系统 CPU 占用率等。

·单位切换:左侧支持切换大小单位 KB、MB、GB。

·图表元素:

·折线/柱状图:展示对应指标在时间轴上的数值变化。例如,下图展示了系统内存的使用趋势。

·标注说明:图表下方的平均值/P50/P95/P99/上报量对应图表中不同数据点的统计维度。

·时间轴:覆盖筛选的时间范围,例如2025-11-25至2025-12-05。

·下载数据:单击右侧的下载图标可导出当前时间范围内的趋势分析数据。

五、多维下钻

可以根据多个维度细分展示资源数据,支持细粒度分析。

·筛选条件:顶部可选择多个维度进行下钻。

·操作栏:支持下钻和查看日志。

·下钻:查看该版本更细分维度的资源数据。

·查看日志:查看该版本的资源采集日志。

·右侧支持添加多个分析指标,添加指标时可选择平均值、P50、P95、P99。

六、页面性能

页面性能是评估页面运行中交互响应、界面渲染流畅度的表现类指标,和主进程性能功能大致一致。

七、筛选区域

详细内容可参见 数据分析-查询。

八、指标概览

以卡片形式展示核心性能指标的聚合结果,为全局性能提供快速参考。

·页面首次内容绘制(FCP):页面首次渲染文本 / 图像的平均耗时,反映初始加载速度,例如下中的227.71ms。

·页面最大内容绘制(LCP):核心内容元素完成渲染的平均耗时,衡量核心内容加载效率,例如下中的226.71ms。

·累计布局偏移(CLS):页面布局稳定性得分,得分越低表示布局越稳定,例如下中的0.01。

·交互到下一次绘制(INP):用户交互后的响应速度,反映交互流畅度,例如下中的266.67ms。

·总上报量:当前筛选条件下的有效数据样本量,代表数据统计的可信度,例如下中的40 个。

九、趋势分析

展示系统资源指标的时间趋势,辅助观测资源变化规律。

·指标切换:左侧标签可切换查看不同资源指标,例如页面首次内容绘制(FCP)、页面最大内容绘制(LCP)等。

·单位切换:左侧支持切换大小单位毫秒、秒、分钟。

·图表元素:

·折线/柱状图:展示对应指标在时间轴上的数值变化。例如,下图展示了系统内存的使用趋势。

·标注说明:图表下方的平均值/P50/P95/P99/上报量对应图表中不同数据点的统计维度。

·时间轴:覆盖筛选的时间范围,例如2025-11-25至2025-12-05。

·下载数据:单击右侧的下载图标可导出当前时间范围内的趋势分析数据。

十、耗时分析

通过瀑布图与表格,定位各性能指标的耗时瓶颈与分布特征。

·瀑布图分析:瀑布图直观展示各核心指标的耗时占比,示例中 INP(红色块)耗时最长,可快速锁定交互响应慢的问题。

·表格详情查看:表格展示各指标的上报量、平均值、P50/P95/P99分位值,分位值可反映指标的稳定性,例如 P99值远高于平均值,说明部分用户体验极差。单击耗时分布可进入该阶段的耗时分布详情页,分析不同分位的耗时情况。

十一、多维下钻

页面性能多维下钻和主进程性能多维下钻功能类似,详细可参见 主进程性能-多维下钻。

十二、页面加载

页面加载是衡量页面首次打开 / 跳转时资源加载、内容渲染速度的指标(如加载时长),和主进程性能功能一致。

十三、筛选区域

详细内容可参见 数据分析-查询。

十四、指标概览

以卡片形式展示页面加载全链路的核心阶段指标,覆盖从网络请求到首屏渲染的完整流程:

·网络连接阶段:DNS 解析、TCP 连接、SSL 握手耗时,反映网络层的连接效率,例如下示例中 DNS 解析平均0.00ms、TCP 连接平均1.10ms。

·内容获取阶段:首字节时间(TTFB)、内容下载耗时,衡量服务器响应与资源传输速度,例如下示例中 TTFB 平均3.70ms。

·页面解析阶段:DOM 解析耗时、资源下载耗时,反映浏览器解析与资源加载效率,例如下示例中 DOM 解析平均32.63ms。

·渲染完成阶段:首屏渲染耗时,代表用户看到完整页面的时间,例如下示例中平均3211.95ms。

·总上报量:当前筛选条件下的有效数据样本量,反映数据统计的可信度,例如下示例中的92个总上报量。

十五、趋势分析

展示系统资源指标的时间趋势,辅助观测资源变化规律。

·指标切换:左侧标签可切换查看不同资源指标,例如 DNS 解析、TCP 连接等。

·单位切换:左侧支持切换时间单位毫秒、秒、分钟。

·图表元素:

·折线/柱状图:展示对应指标在时间轴上的数值变化。

·标注说明:图表下方的平均值/P50/P95/P99/上报量对应图表中不同数据点的统计维度。

·时间轴:覆盖筛选的时间范围,例如2025-11-25至2025-12-05。

·下载数据:单击右侧的下载图标可导出当前时间范围内的趋势分析数据。

十六、耗时分析

通过瀑布图与表格,定位各性能阶段的耗时瓶颈。

·瀑布图分析:瀑布图直观展示各阶段(DNS 解析、TCP 连接、页面渲染等)的耗时占比,示例中页面渲染(黄色块)为主要耗时阶段,可快速锁定瓶颈环节。

·表格详情查看:表格展示各阶段的上报量、平均值、P50/P95/P99分位值。单击耗时分布可进入该阶段的耗时分布详情页,分析不同分位的耗时情况。

十七、多维下钻

页面加载多维下钻和主进程性能多维下钻功能类似,详细可参见 主进程性能-多维下钻。

赞 (0)
上一篇 5天前
下一篇 5天前