Technical restrictions for Session Replay for web applications

Session Replay is compatible with page-based applications, single-page applications, and applications that use IFrames. However, certain restrictions apply.

Browser support

Technology restrictions

The following technologies aren't supported:

Frames
Canvas
WebGL
Web Animations API
Web components
Plugins, such as Adobe Flash Player, Java applets, and non-HTML technologies
Documents, such as PDF files and Word documents
Pseudo CSS files
Movie replay

IFrames

IFrame and nested IFrame recording are supported. However, the following restrictions are applicable:

Each IFrame must have the RUM JavaScript injected into it. If the RUM JavaScript has been injected only into the parent and not into the IFrames, the IFrame content and interactions won't be displayed in the replay. This is because it is not possible to look into IFrames from a parent page.
IFrame recording works only when the parent page contains the RUM JavaScript. If only the IFrame that isn't the parent page has the RUM JavaScript, it won't be displayed properly in the replay. You should enable Session Replay for both the parent page and the IFrame.
RUM JavaScript version 1.285+ When the parent doesn't contain the RUM JavaScript, IFrame recording works when the srif=1 JavaScript tag property is added in the application settings (select Capturing > Advanced setup > Custom configuration properties). This works only for a single IFrame: recording multiple IFrames when their parent doesn't contain the RUM JavaScript is not supported.

srif stands for "Session Replay IFrame recording."
The same application must monitor the parent page and the IFrame. When different applications are used for the parent page and for the IFrame, the IFrame won't be displayed properly in the replay.

Resources

By default, Session Replay captures and stores CSS resources during the user session recording. However, Session Replay can't reproduce blob/object URLs.

If you disable resource capture for Session Replay, the following restrictions apply. These restrictions also apply to images and fonts even when resource capture for Session Replay is enabled.

Resources must be available on the browser that's used for replay. There must be a direct connection to the server that serves the resources.
Resources can't be protected. If resources are protected, ensure that the player can access them without authentication.
Resources can't be personalized. This applies to resources that are different for each user but are served by the same URL. However, the restriction doesn't apply to URLs that are different for each personalized resource. An example of this is avatar images that use the same URL to deliver different avatars for different users.

To overcome these restrictions, we recommend that you enable resource capture for Session Replay.

Dynamic forms

If you're dynamically updating the values in your form, and they're not being displayed in your Session Replay recording, check your application code and verify how you're effecting the update—you might be updating the .value property of your form element. While we understand that this is a valid update method, it doesn't trigger any events on the page, so Dynatrace doesn't know that something has changed. As an alternative solution, we suggest updating the attribute value (in case of <input> elements) or the .textContent property (in case of <textarea> elements). This way, Dynatrace will be notified of the changes and will record them correctly.

Volume

On average, a minute of session recording and replay consumes 100 kB of storage space. This is also the required amount of upstream bandwidth from the client system to the Dynatrace servers that is consumed. However, this value can't be guaranteed because it depends on the web application. Applications with very frequent DOM changes, big initial sizes, or heavy usage of IFrames can create large amounts of data.

Data transmission and OneAgent

Ensure that you're using OneAgent version 1.193+ because it supports a high volume of beacon transmission.

High volume beacon support is available for all Real User Monitoring capable agents:

Apache
NGINX
Java
IIS
Node.JS

Application support

Web applications are complex. While Session Replay is built to work with any web application and includes support for IFrames and single-page applications, there might be cases in which the reproduction of user interactions isn't perfect. For this reason, Session Replay may not recreate user experiences adequately for all web applications.

Environment

Session Replay must send data from client browsers to your Dynatrace Cluster. Data transmission can fail depending on the environment, available network connectivity, speed, network latency, connection problems, bandwidth, and other environment-related issues.