可观测性之网站性能指标设计详解

2,807 阅读7分钟

欢迎查看我写的《前端性能优化小技巧》、《快速搭建全链路平台》《四个例子教你提高用户体验》、《裸奔的绿皮车》、《web应用性能简析》、《报错/卡顿是制约产品体验的关键因素

数据类型

用户体验数据包括六种数据类型。

session

用户会话信息记录,当前会话中,将会基于会话维度用户页面、资源、操作、错误、长任务相关访问数据。

view

用户访问页面时,都会生成一个页面查看记录。当用户停留在同一页面上时,资源,长任务,错误和操作记录将通过view_id属性链接到相关的RUM视图。

resource

用户访问页面时,加载的资源信息记录。

error

用户访问监测采集器收集浏览器上的所有前端错误。

long_task

对于浏览器中的任何阻塞主线程超过50ms的任务,都会生成一条长任务记录。

action

跟踪用户页面浏览过程中所有的用户交互记录。

应用数据信息

app_id

必填,用户访问应用唯一ID标识

env

必填,环境字段。属性值:prod/gray/pre/common/local。

version

必填,版本号。

用户 & 会话属性

useridstring未登录用户使用cookie作为userid,登录用户使用应用后台生成的用户id。
session_idstring会话id。
session_typestring会话类型。参考值:usersynthetics user表示是RUM功能产生的数据; synthetics表示是headless拨测产生的数据。
is_signinboolean是否是注册用户,属性值:True / False。

设备 & 分辨率属性

字段类型描述
osstring操作系统
os_versionstring操作系统版本
os_version_majorstring设备报告的主要操作系统版本
browserstring浏览器提供商
browser_versionstring浏览器版本
browser_version_majorstring浏览器主要版本信息
screen_sizestring屏幕宽度*高度,分辨率

地理 & 网络属性

字段类型描述
ipstring用户访问IP地址
ispstring运营商
network_typestring网络连接类型,属性值参考: wifi2g3g4g5gunknown(未知网络)unreachable(网络不可用)
countrystring国家
country_iso_codestring国家 iso_code
provincestring
citystring城市

View 属性

字段类型描述
view_idstring每次访问页面时产生的唯一ID
is_activeboolean判断用户是否还在活跃状态,参考值: truefalse
view_loading_typestring页面加载类型, 参考值:initial_load  route_change route_change为SPA页面加载模式
view_referrerstring页面来源
view_urlstring页面URL
view_hoststring页面URL域名部分
view_pathstring页面URL path部分
view_path_groupstring页面URL path分组
view_url_querystring页面URL query部分

用户属性

除了默认属性以外,还可以通过用户属性构建场景和配置事件告警。用户属性是非全局属性,通过用户属性,可以跟踪用户访问应用的整个过程,定位和发现用户受影响的访问情况,监控用户访问性能。

其他数据类型属性

Session

统计指标

字段类型描述
time_spentnumber(ns)当前会话持续时长
session_view_countnumber当前会话关联view_id个数
session_error_countnumber当前会话产生错误个数
session_resource_countnumber当前会话加载资源个数
session_action_countnumber当前会话用户操作次数
session_long_task_countnumber当前会话产生长任务次数

属性

字段类型描述
session_idstring会话id(后台停留30s以上,会生成一个新的session_id)
session_typestring会话类型。参考值:usertest user表示是RUM功能产生的数据; test表示是headless拨测产生的数据。
session_referrerstring会话来源。一般是记录来源的页面地址。
session_first_view_idstring当前会话的第一个页面的view_id
session_first_view_urlstring当前会话的第一个页面的URL
session_first_view_hoststring当前会话的第一个页面的域名
session_first_view_pathstring当前会话的第一个页面的地址
session_first_view_path_groupstring当前会话的第一个页面的地址分组
session_first_view_url_querystring当前会话的第一个页面的query信息
session_last_view_idstring当前会话的最后一个访问页面的view_id
session_last_view_urlstring当前会话的最后一个页面的URL
session_last_view_hoststring当前会话的最后一个页面的域名
session_last_view_pathstring当前会话的最后一个页面的地址
session_last_view_path_groupstring当前会话的最后一个页面的地址分组
session_last_view_url_queryobject当前会话的最后一个页面的query信息

View

注意:view属性为全局参数,以下仅展示view的其他参数信息

指标

字段类型描述
first_contentful_paintnumber(ns)首次内容绘制时间(FCP) 计算方式:firstPaintContentEnd - firstPaintContentStart
largest_contentful_paintnumber(ns)最大内容绘制(页面加载时间轴中的一刹那,其中呈现了视口中最大的DOM对象) 参考链接:LCP 计算方式:统计最近上报的一次 PerformanceEntry 时间
cumulative_layout_shiftnumber累计布局版面转移(CLS),0 表示载入过程没有版面移动变化
first_input_delaynumber(ns)首次输入延时(FID) 计算方式:performance.now() - event.timeStamp
loading_timenumber(ns)页面加载时间 initial_load模式下计算公式: ① loadEventEnd - navigationStart ② 页面首次无活动时间 - navigationStart route_change模式下计算公式:用户点击时间 - 页面首次无活动时间 页面首次无活动时间:页面超过100ms无网络请求或DOM突变
dom_interactivenumber(ns)DOM结构构建完毕时间 获取方式:time = performanceTiming.domInteractive; 参考链接:MDN dom_interactive
dom_content_loadednumber(ns)DOM 内容加载时间 计算方式:domContentLoadedEventEnd - domContentLoadedEventStart
dom_completenumber(ns)DOM树解析完成时间 获取方式:time = performanceTiming.domComplete; 参考链接:MDN dom_complete
load_eventnumber(ns)事件加载时间 计算方式:loadEventEnd - loadEventStart
first_meaningful_paintnumber(ns)首屏时间 计算方式:firstPaintContentEnd - firstPaintContentStart
first_paint_timenumber(ns)首次渲染时间 计算方式:responseEnd - fetchStart
resource_load_timenumber(ns)资源加载时间 计算方式:loadEventStart - domContentLoadedEventEnd
time_to_interactivenumber(ns)首次可交互时间 计算方式:domInteratice - requestStart
domnumber(ns)DOM解析耗时 计算方式:domComplete - domInteractive
dom_readynumber(ns)DOM Ready时间 计算方式:domContentLoadedEventEnd - navigationStart
time_spentnumber(ns)页面停留时间

统计指标

字段类型描述
view_error_countnumber每次页面加载时发生的错误次数
view_resource_countnumber每次页面加载时请求的资源个数
view_long_task_countnumber每次页面加载时产生的长任务个数
view_action_countnumber页面查看过程中操作的次数
view_apdex_levelnumber页面Apdex满意度。 基础指标:first_paint_time(换算成秒单位) 参考值:0/1/2/3/4/5/6/7/8/9 (根据first_paint_time值,9表示>= 9秒)

Resource

指标

字段类型描述
resource_sizenumber资源大小,默认单位:byte
resource_dnsnumber(ns)资源加载DNS解析时间 计算方式:domainLookupEnd - domainLookupStart
resource_tcpnumber(ns)资源加载TCP连接时间 计算方式:connectEnd - connectStart
resource_sslnumber(ns)资源加载SSL连接时间 计算方式:connectEnd - secureConnectStart
resource_ttfbnumber(ns)资源加载请求响应时间 计算方式:responseStart - requestStart
resource_transnumber(ns)资源加载内容传输时间 计算方式:responseEnd - responseStart
resource_first_bytenumber(ns)资源加载首包时间 计算方式:responseStart - domainLookupStart
durationnumber(ns)资源加载时间 计算方式:duration(responseEnd-startTime)

属性

字段类型描述
resource_urlstring资源URL
resource_url_hoststring资源URL 域名部分
resource_url_pathstring资源URL path部分
resource_url_querystring资源URL query部分
resource_url_path_groupstring资源URL path分组
resource_typestring资源的类别
resource_methodstring资源请求方式
resource_statusstring资源请求返回的状态值
resource_status_groupstring资源请求返回的状态分组值

Error

指标

字段类型描述
error_messagestring错误信息
error_stackstring错误堆栈

属性

字段类型描述
error_sourcestring错误来源,参考值:consolenetworksourcecustom
error_typestring错误类型,参考链接:error type
resource_statusstring资源请求返回的状态值
resource_urlstring资源URL
resource_url_hoststring资源URL 域名部分
resource_url_pathstring资源URL path部分
resource_url_path_groupstring资源URL path分组
resource_methodstring资源请求方式

Long Task

指标

字段类型描述
durationnumber(ns)页面加载时产生的长任务花费时间

Action

指标

字段类型描述
durationnumber(ns)页面操作花费时间

统计指标

字段类型描述
action_long_task_countnumber操作关联长任务次数
action_resource_countnumber操作关联资源请求次数
action_error_countnumber操作关联的错误次数

属性】

字段类型描述
action_idstring用户页面操作时产生的唯一ID
action_namestring操作名称
action_typestring操作类型

文章选自《用户数据采集》