Zoom is laggy, but only in production (not locally)

[ffxsam]

I can't make any sense of this one! Running our Vue app locally, everything is fine, but in our production app (exactly same version as local), Wavesurfer's zoom is quite laggy. Both are using wavesurfer 7.10.1.

See video below (local first, production second).

Let me know if you'd like me to gather any performance metrics using Chrome DevTools.

laggy.zoom.mp4

[ffxsam]

PS: Even if I use the zoom buttons (not the mouse), there's noticeable latency.

[ffxsam]

AHA!

    integrations: [
      Sentry.replayIntegration({
        maskAllText: false,
        maskAllInputs: false,
        blockAllMedia: false,
        networkDetailAllowUrls: [/^https:\/\/.*\/graphql/],
      }),
      // Sentry.replayCanvasIntegration(),
      Sentry.vueIntegration({
        tracingOptions: {
          trackComponents: true,
        },
      }),

Sentry's relatively new Replay canvas capture was the culprit. I'll be sure to let them know. Leaving this here in case anyone else runs into this issue.