Skip to content

Adds Sentry browser performance tracing

Miguel Rincon requested to merge 339332-add-sentry-fe-performance-tracing into master

What does this MR do and why?

This change enables the BrowserTracing Sentry integration to track browser performance.

MRs in this change chain
Enable Sentry module treeshaking (!130677 - merged)
Upgrade sentry browser SDK to 7.66.0 (!130678 - merged)
Adds Sentry browser performance tracing (!130713 - merged) your are here

Screenshots or screen recordings

  1. Enable the feature flag: enable_new_sentry_clientside_integration, to enable the new integration.
  2. Enabled the feature flag configure_sentry_in_application_settings to enable the UI form in admin
  3. Visit http://gdk.test:3000/admin/application_settings/metrics_and_profiling#js-sentry-settings
  4. Fill the form with some dummy data:
    1. Enable Sentry error tracking is turned on
    2. DSN https://public@sentry.example.com/1
    3. Clientside DSN https://public@sentry.example.com/2
    4. Environment development
    5. Clientside traces sample rate is set to non-0 value
  5. Print the following values in your console:
__SENTRY__.hub._stack[0].client._options.tracesSampleRate // should be set

Local GDK test

I set up my GDK to send a Clientside traces sample rate of 1 to send a first payload, this is the result:

image

MR acceptance checklist

This checklist encourages us to confirm any changes have been analyzed to reduce risks in quality, performance, reliability, security, and maintainability.

Related to #339332 (closed)

Edited by Miguel Rincon

Merge request reports