Enable longAnimationFrame Tracing Support

[sandervsurksum]

Description
Long animation frame support already exists in the library, but currently includeTimingsAsSpans is set to false. Because of that, long animation frames are not being emitted.

To be able to track and analyze long animation frames in our observability tooling, we need includeTimingsAsSpans to be set to true (or at least provide a configuration option to enable it).

Why this matters
Long animation frames are key to identifying UX jank and UI thread blocking issues, especially on animation-heavy pages. Without these spans, we miss critical performance insights and cannot trace UI performance issues end-to-end.

Requested change:

• Enable includeTimingsAsSpans by default or
• Introduce a config flag to allow enabling it manually

honeycomb-opentelemetry-web/packages/honeycomb-opentelemetry-web/src/web-vitals-autoinstrumentation.ts

Line 557 in 3b9d014

inpOpts: InpVitalOpts = { includeTimingsAsSpans: false },

[MustafaHaddara]

Hi @sandervsurksum! The code you linked to is the default value for that config, but you should be able to pass in a config option like so:

const sdk = new HoneycombWebSDK({
  instrumentations: [
    new WebVitalsInstrumentation({
      inp: {
        includeTimingsAsSpans: true,
      }
    }),
  ],
});
sdk.start();

Does that not work for you?