Web performance optimization for UEM

You can set up User Experience in AppMon to obtain data that helps developers optimize Web performance in your applications.

Users who formerly used the Browser Diagnostics native add-on for Windows Internet Explorer and Firefox can use this solution on any browser that executes JavaScript to capture UEM visit data and W3C resource timings and actions implemented with common Java frameworks, covering every visitor end-to-end. Capture W3C resource timings to provide full waterfall details for each visit that is set to send waterfall details for analysis. Capture visually complete metrics for full business-relevant timings from the perspective of the user and waterfall chart details for user actions in a visit. These provide critical data to help you optimize your web application for optimal performance.

Getting end-to-end traceability is as simple as installing the JavaScript Agent on your servers. Web Server and User Experience sensors inject the Agent automatically. For mobile applications, compile the agent into the mobile application for full end-to-end traceability and UEM data. See Java Agent Configuration for more information in installing and configuring JavaScript Agents, and Mobile Agent for details on compiling and using the JavaScript Agent for mobile applications.

Set up web performance optimization for UEM

Once the JavaScript Agent is installed and user Experience sensors are in place, you can setting up web performance optimization for UEM. This includes the following:

  • Enable UEM for the applicable System Profile.
  • Verify the JavaScript Agent Agent injects properly into the web site.
  • Enable JavaScript Support for the Application's frameworks.
  • Enable W3C Resource capturing.
  • Optionally enable metadata capturing

Enable UEM

In the AppMon Client, double-click the desired profile with the target application, then in the System Profile Preferences, choose User Experience.

Select the tab corresponding to the application you want to configure.

Configure UEM Capturing and General settings as needed to enable UEM data capturing for the target application(s).

Click Apply.

Ensure JavaScript Agent injection into the web site

Installing the JavaScript Agent and creating the appropriate UEM sensors provides injection into your application, and compiling the agent into your mobile application code provides injection into your mobile application. You can configure additional JavaScript Agent injection settings to ensure you're using the correct JavaScript Agent version, and injection method.

  1. In the User Experience tab of the System Profile settings for the desired System Profile, scroll to and expand the Web applications section.
  2. Configure settings as needed to set the JavaScript Agent version to inject, and to set the injection method.

See System Profile - User Experience Agent injection section for more information.

Enable JavaScript support for your frameworks

To enable JavaScript support for your supported frameworks:

With the desired system profile, select the tab corresponding to the application you want to configure in the User Experience tab.

Scroll to the Web applications > Ajax (XHR) detection section and select appropriate check boxes for your supported Java frameworks. Consult with your developers if you need to know which frameworks are used. See Ajax (XHR) detection and additional packs for more information.

Tip

If no selections are available that cover your supported frameworks, select the Basic XHR Detection, which is useful for covering most frameworks.

Under Additional Packs, additionally select JavaScript Errors and Perceived Render Time to capture error and render time data.

Click Apply.

Enable W3C resource capturing

To capture full waterfall details:

  1. in the User Experience tab for the desired System profile Preferences, navigate to the Web applications > W3C resource timings section.
  2. Select Capture Resource Information to enable resource capturing of the web performance data that is useful in performance optimization.

See the W3C Resource Timings section in System Profile - User Experience for more information.

Enable metadata capturing

Optionally configure metadata capturing to help provide a more complete web performance picture. You can capture metatag information, execute CSS selectors, and capture information on HTML controls and JavaScript variables. Enabling metadata capturing along with W3C resource capturing is useful in click-through testing scenarios to capture rendered screen elements or dynamically generated content, such text box content or a calculated sum, part of the data to aid in making performance optimization decisions.

See System Profile - User Experience Metadata section to learn how.

Seeing full waterfall details

Once you set up web performance optimization for UEM, you can see full resource and deep-drive metrics for all configured visits as a waterfall chart in the User Actions PurePath dashboard.

Use UEM on any application

In situations where you do not have access to a particular web application to install the JavaScript Agent on it, but still want to capture UEM visit data and W3C resource timings for waterfall details, you can set up the web server as a reverse proxy, then direct your browser to use the reverse proxy. This lets you leverage AppMon's powerful UEM data gathering capabilities for any web application.

To get web pages performance with UEM for any website, you can install any Web Server such as Apache and use it as a proxy server. So for example, if set up Apache as a reverse proxy and install an Agent for it, then tell the Browser to use that proxy, when you execute page web requests, the web server acting as a proxy injects the JavaScript agent on these pages. This method is also useful when you need to test an application but do not have access to the application.

See Set up a Forward or Reverse Proxy to learn how.