如何使用阿里云ARMS轻松重现用户浏览器问题

摘要： 这是阿里中间件 ARMS 团队推出的 “网站常见问题1分钟定位”系列文章的第三篇，做者慕扉。 » 第一篇传送门 » 第二篇传送门 1、客户投诉不断，本地却没法重现？ 页面加载较慢是用户常常会反馈的问题，也是前端很是关注的问题之一。

1、客户投诉不断，本地却没法重现？
页面加载较慢是用户常常会反馈的问题，也是前端很是关注的问题之一。但定位、排查解决这类问题就一般会花费很是多的时间，主要缘由以下：

1. 页面是在用户端的浏览器上加载执行，复现困难

页面上线前，开发同窗都会进行测试，在测试环境下页面加载通常都是正常的才会正式上线。用户在访问页面时，页面的加载是在用户端的浏览器上进行的，因为页面的加载耗时与地域、网络状况、浏览器或者运营商等有关系，想知道用户在访问页面时的具体状况，复现是很是困难的。

1. 监控信息缺乏，致使没法深刻排查

大部分前端监控会经过PerformanceTiming对象，获取完整的页面加载耗时信息，但这类监控就缺失了页面静态资源的加载状况，没法直接复现现场，从而没法深刻定位性能瓶颈。

为了方便用户更快地定位性能瓶颈，阿里云ARMS前端监控推出一新功能: 会话追踪，提供页面静态资源加载的性能瀑布图，根据页面性能数据可深刻定位页面资源加载状况。

2、阿里云ARMS前端监控-会话追踪帮助你快速定位问题
在阿里云ARMS前端监控SDK上将sendResource配置为true，从新部署应用后，在页面onload时会上报当前页面加载的静态资源信息。从而在阿里云前端监控平台便可以对慢页面加载问题快速进行定位。

SDK配置

在阿里云ARMS前端监控SDK部分，默认是不上报页面加载的静态资源信息的，若是想获取页面加载的静态资源信息，只需在SDK的config部分将sendResource配置为true，从新部署后，就能够上报相关信息。具体配置以下：

注意：静态资源加载信息的上报是在页面onload时会触发，上报信息量较大，若是对于页面性能要求很高的应用，能够不开启该配置。

3、问题排查过程

1. 发现问题

进入访问速度菜单后，发现页面的性能较差，11点钟的页面彻底加载时间达到35s，以下：

1. 慢页面会话追踪

在慢页面会话追踪模块，提供该页面在指定时间段内加载较慢的TOP20，这样能够快速发现哪些会话加载较慢，以下图所示。
在该模块，你能够快速发如今11点钟有一次会话的页面加载时间在36.72s，此次访问应该是直接致使页面加载时间详情中折线图忽然暴增的缘由了。

其中在在模块有7次会话访问的页面加载时间在7s以上，点击对应的页面，能够直接进入到会话详情页面，从而直观查看页面静态资源加载的瀑布图。

经过页面资源加载的瀑布图，能够快速定位到资源加载的性能瓶颈，同时能够查看本次访问的客户端IP地址、浏览器、操做系统等UA信息，从而进一步确认是因为网络缘由仍是其余缘由致使的，针对性进行相应的优化。

1. 其余发现问题入口

会话追踪

也能够进入“会话追踪”菜单，能够看到该应用下的会话列表。会话列表中会根据页面彻底加载时间排序，展现TOP100，帮助用户能够快速发现耗时较长的会话信息。同时支持按照页面、会话Id、浏览器、浏览器版本号进行过滤，展现相关的会话信息。点击操做后，是该会话的页面资源加载详情。

访问明细

若是当前会话列表中没法找到你要排查的会话信息，能够经过访问明细查找到相应的日志详细信息，在param中找到对应的sid即会话Id，而后在会话列表中查找相应的会话Id，便可以定位到想排查的会话信息。
例如：在已知用户的客户端IP的状况下，想定位相应的会话信息，便可以在访问明细中，经过t=res and 117.136.32.110 进行搜索，找到对应的会话Id。

根据查找到的会话Id, 就能够在会话列表中进行过滤，定位到具体的会话内容。

使用入口指南

一、进入访问速度菜单，若是发现页面性能较差，能够在"慢页面会话追踪Top20"中查看访问较慢的会话状况

点击详情后，能够查看具体的页面资源加载瀑布图
若是Top20不知足，能够点击"更多"，从而进入"会话列表"
二、进入会话追踪菜单，展现的是TOP100的会话列表信息，根据页面彻底加载时间从高到底排序，排查页面资源加载状况。

至此，慢页面会话追踪功能及使用方法介绍完成。该功能能够帮助你复现用户在访问页面时的页面资源加载状况，快速定位性能瓶颈问题。