UEM系列（二）初识UEM“探针”技术
2024-02-13 19:15:13
UEM系列（二）初识UEM“探针”技术
UEM（用户体验管理）作为提升Web应用性能的重要工具，其核心在于对实际用户访问的网页性能数据进行全面、精准的采集和分析。而实现这一核心功能的关键技术之一，便是“探针”技术。本文将带您初识UEM中的“探针”技术，了解其工作原理及重要性。
一、UEM核心功能概述
用户体验管理（UEM）主要关注于浏览器应用体验（UEM Web），通过采集和分析用户访问网页时的性能数据，帮助用户持续优化Web应用性能。UEM的核心功能包括但不限于：
- 页面性能监测：实时监测页面加载速度、响应时间等关键性能指标。
- 用户行为分析：分析用户在页面上的点击、滚动、停留等行为，了解用户偏好。
- 异常检测与预警：检测页面性能异常或JS错误，及时发出预警，便于快速响应。
- 数据可视化：将采集到的数据以图表、报表等形式展示，便于用户直观理解。
二、“探针”技术捕获数据解密
UEM的核心在于浏览器探针，这是一种自动注入到监测网页的JS代码，用于对实际用户访问的网页性能数据进行全样本采集和分析。浏览器探针的作用主要体现在以下几个方面：
- 采集浏览器基本信息：包括浏览器类型、版本、操作系统等，有助于了解用户环境。
- 采集页面性能数据：利用Navigation Timing API，采集页面加载过程中的各项性能指标，如首屏时间、DOM加载时间等。
- 采集AJAX性能数据+请求/响应数据：记录异步请求的性能数据，包括请求时间、响应时间、请求URL等，有助于分析后端服务性能。
- 采集JS错误数据：记录JS错误发生的页面、脚本URL、错误信息、错误位置等，便于定位和解决问题。
- 采集页面追踪数据：利用Resource Timing API，采集页面资源的加载时间、大小等信息，有助于优化资源加载策略。
- 数据上传：将捕获的数据上传到UEM Server，进行后续的存储、多维度分析、预警和优化等操作。
浏览器探针根据浏览器状态来采集页面性能数据，每次页面请求时，当获取到onload事件结束，则以事件结束时间定义为页面完成时间。当有异步请求再次加载内容时，这些异步请求会被记录在AJAX数据当中。基于采集到的数据，可以得到一系列页面性能指标，如首屏时间、白屏时间、总加载时间等。
这些指标为页面加载流程的分解和可视化提供了基础，使得优化工作更加精准、高效。
三、页面加载流程可视化
页面加载流程可视化是UEM数据统计的一个重要手段，它能够将复杂的页面加载过程以直观、易懂的方式展示出来。通过可视化图表，用户可以清晰地看到页面加载的各个阶段、各个资源的加载情况以及性能瓶颈所在。
页面性能数据是实时上传的，但数据上传分为四个时机：整个页面加载完成后上传、离开页面时上传、发生JS错误时上传和有AJAX请求时上传。这种灵活的上传机制确保了数据的完整性和实时性。
此外，浏览器探针是自动注入到监测网页的。UEM Server会监听应用服务器的输出，当用户开启自动注入功能时，UEM Server会在应用服务器的输出函数内自动注入UEM的浏览器探针。这种自动注入的方式大大简化了探针的部署工作，同时实验数据表明，自动注入UEM浏览器探针对服务器性能几乎无影响。
综上所述，UEM中的“探针”技术是实现全面、精准采集和分析网页性能数据的关键技术之一。通过浏览器探针，我们可以深入了解用户访问网页时的真实体验，发现性能瓶颈和问题所在，为优化Web应用性能提供有力支持。
热门标签
