Real User Monitoring Getting Started
  • Updated on 13 May 2020
  • 2 minutes to read
  • Contributors
  • Print
  • Share
  • Dark
    Light

Real User Monitoring Getting Started

  • Print
  • Share
  • Dark
    Light

What is RUM?

Retrace’s Real User Monitoring (RUM) shows you when your customers are having a bad experience and points your UI engineers to where it can be fixed. RUM data that gets collected for your app will show you:

  • Page load times that are dissected into Network Traffic Time and DOM Ready Time so you can pinpoint the exact stage during page load where your bottlenecks are occurring.
  • Client-side traces that are merged with their server-side counterpart so you get a complete slice of the entire request and response for your application.
  • Resource breakdowns that can quickly help you identify if your UI components, such as images, scripts, stylesheets, etc. need to be optimized.
BETA
Please note that this is a beta version of this product, which is still undergoing final testing and feature validation before its official release. This product should be used only in a non-production environment. This product is provided on an “as is” and “as available” basis. Stackify does not provide any warranties, whether express or implied, as to the suitability or usability of this product. Stackify will not be liable for any loss, whether such loss is direct, indirect, special or consequential, suffered by any party as a result of their use of this product. Should you encounter any bugs, lack of functionality or other problems with this product, please let us know immediately.

Enabling RUM for your Account

Note:

The RUM link is hidden in the Settings dropdown of Retrace by default. Please contact [email protected] if you are interested in participating in the Beta.

To enable RUM in your Retrace account, navigate to the Settings > RUM page and toggle RUM on. This will generate a unique JavaScript snippet to paste into the HTML of your apps being monitored by the Retrace Agent.

RUM Configuration

Implementing the Code Snippet

After enabling RUM for your account and obtaining the unique JavaScript code snippet, you will want to place the script as close to the opening <head> tag as possible for every HTML page you want to gather data for in your application. Placing the script in the head tag before all other scripts will ensure more accurate timings of the UI components while not impacting page performance.

Enabling RUM in the Profiler

Along with enabling RUM in your Retrace account, you will also need to enable it on the server(s) hosting your applications. If you haven't already installed the agent, follow the Agent Installation Guide . Installing the agent and the APM profiler on your server will allow for stitching traces together for server-side and client side requests, painting a more complete picture around your application's health and performance. After Installing the agent on your server, reference the following guides below outlining how to enable RUM in the profiler for each supported language:

Viewing RUM Data

Once the following steps have been taken to set up RUM for your apps, data will be reported in the corresponding App Dashboard. To see more information related to what RUM data is presented in the App Dashboard, see the Viewing RUM Data in Retrace help doc.

Was this article helpful?