@sentry/replay significant performance decrease when enabled #8469
Description
Is there an existing issue for this?
- I have checked for existing issues https://github.com/getsentry/sentry-javascript/issues
- I have reviewed the documentation https://docs.sentry.io/
- I am using the latest SDK release https://github.com/getsentry/sentry-javascript/releases
How do you use Sentry?
Sentry Saas (sentry.io)
Which SDK are you using?
@sentry/vue
SDK Version
7.57.0
Framework Version
3.3.4
Link to Sentry event
No response
SDK Setup
sentryInit({
app,
dsn: SENTRY_DSN,
tunnel: '/api/sentry-tunnel',
replaysSessionSampleRate: 1.0,
replaysOnErrorSampleRate: 1.0,
integrations: [
new BrowserTracing({
routingInstrumentation: vueRouterInstrumentation(router)
}),
new Replay()
],
tracesSampleRate: 1
});Steps to Reproduce
Not sure how to provide ways to reproduce without having a live application. It was noticed internally on our site of an odd slowdown which led me to investigate. The page in question is a big table with lots of rows and columns.
Adding SS from my performance captures, can try get more information if needed. Not sure what other information would be.
Expected Result
Prior to 7.57.0 replay the page would load instantly and not be affected by having sentry enabled.
Below is a SS of a chrome profile from what I think is the slow function in the 7.57.0 version. (SS in running 7.56.0)
Actual Result
Now on 7.57.0 the page is slowed down significantly due to processMutations().
