How do I stop sentry from creating spans for every fetched asset? (NUXT)

[max-arias]

Here's a request Sentry makes:

{
    {
        "event_id": "4bcc706e177e4e8a9096c07946d3c95b",
        "sent_at": "2025-03-14T12:41:29.962Z",
        "sdk": {
            "name": "sentry.javascript.nuxt",
            "version": "8.53.0"
        },
        "trace": {
            "environment": "prod",
            "public_key": "a29482541eab49cc9c87958d56b3df2f",
            "trace_id": "66be6fce3cee47f39be5213aa144a8fe",
            "sample_rate": "1",
            "transaction": "/store/:merchant()",
            "sampled": "true"
        }
    }
{
        "type": "transaction"
    }
{
        "contexts": {
            "trace": {
                "span_id": "ad623577e7b05840",
                "trace_id": "66be6fce3cee47f39be5213aa144a8fe",
                "data": {
                    "sentry.origin": "auto.pageload.vue",
                    "sentry.op": "pageload",
                    "sentry.source": "route",
                    "sentry.sample_rate": 1,
                    "params.merchant": "nike.com",
                    "effectiveConnectionType": "4g",
                    "deviceMemory": "8 GB",
                    "hardwareConcurrency": "12",
                    "performance.timeOrigin": 1741956086.1671999,
                    "performance.activationStart": 0,
                    "lcp.element": "h2.mb-4.headline-5.md:headline-4",
                    "lcp.loadTime": 0,
                    "lcp.renderTime": 304,
                    "lcp.size": 17448,
                    "cls.source.1": "picture.absolute.bottom-0.right-0.w-full.h-full.max-md:hidden",
                    "sentry.idle_span_finish_reason": "idleTimeout"
                },
                "op": "pageload",
                "origin": "auto.pageload.vue"
            }
        },
        "spans": [
            {
                "data": {
                    "sentry.origin": "auto.http.browser",
                    "sentry.op": "http.client",
                    "url": "https://assets.REMOVED.com/public/_mdp/builds/meta/bc5000ab-2f39-4af0-8610-50e7818442fd.json",
                    "type": "fetch",
                    "http.method": "GET",
                    "http.url": "https://assets.REMOVED.com/public/_mdp/builds/meta/bc5000ab-2f39-4af0-8610-50e7818442fd.json",
                    "server.address": "assets.REMOVED.com",
                    "http.response.status_code": 200,
                    "http.response_content_length": 139
                },
                "description": "GET https://assets.REMOVED.com/public/_mdp/builds/meta/bc5000ab-2f39-4af0-8610-50e7818442fd.json",
                "op": "http.client",
                "parent_span_id": "ad623577e7b05840",
                "span_id": "a5ce28c351a478df",
                "start_timestamp": 1741956086.5774,
                "status": "ok",
                "timestamp": 1741956086.5787,
                "trace_id": "66be6fce3cee47f39be5213aa144a8fe",
                "origin": "auto.http.browser"
            },
            {
                "data": {
                    "sentry.origin": "auto.ui.browser.metrics",
                    "sentry.op": "ui.long-animation-frame",
                    "browser.script.invoker": "DOMWindow.onpagehide",
                    "browser.script.invoker_type": "event-listener",
                    "code.filepath": "https://assets.REMOVED.com/public/_mdp/Dm6koBie.js",
                    "code.function": "r",
                    "browser.script.source_char_position": 288679
                },
                "description": "Main UI thread blocked",
                "op": "ui.long-animation-frame",
                "parent_span_id": "ad623577e7b05840",
                "span_id": "bcc84591357af1e3",
                "start_timestamp": 1741956086.3478,
                "timestamp": 1741956086.4475,
                "trace_id": "66be6fce3cee47f39be5213aa144a8fe",
                "origin": "auto.ui.browser.metrics"
            },

And this goes on for hundreds of times, on every request.

I initialize the client config like this:

Sentry.init({
    release: config.commitHash,
    environment: env,
    dsn: sentry.dsn,
    tracesSampleRate: sentry?.tracesSampleRate || 0.1,
    debug: sentry?.debug || false,

    ignoreTransactions: [
      /\/_mdp\/*/,
    ],
  });

Trying to ignore transactions that include _mdp, but I think it's not working.

Server one like this:

Sentry.init({
      release: process.env.COMMIT_HASH || '',
      environment: process.env.ENV,
      dsn: process.env.SENTRY_DSN,
      tracesSampleRate: Number(process.env.NUXT_SENTRY_TRACES_SAMPLE_RATE) || 0.1,
      debug: process.env.NUXT_SENTRY_DEBUG === 'true' || false,
    });

But every month I hit the quota cap immediately, my guess is because we're logging every single chunk being loaded.

Any ideas? cc @s1gr1d

Thanks all!

[s1gr1d]

Hello, ignoreTransaction will filter based on the name of the transaction (meaning the root span). When you want to filter spans, you can use shouldCreateSpanForRequest: https://docs.sentry.io/platforms/javascript/tracing/instrumentation/automatic-instrumentation/#shouldcreatespanforrequest