Skip to content

Core web vitals increased after updating from nuxtjs/sentry 5.1.7 to the 8.0.8 #713

@raulmvp

Description

@raulmvp

Version

@nuxtjs/sentry: 8.0.8
nuxt: 2.15.8

Sentry configuration

  disabled: (process.env.STATUS || "disabled") === "disabled",
    config: {
    environment: process.env.SENTRY_ENVIRONMENT || "development",
      ignoreErrors: ["Object captured as exception with keys: data, status"]
  },
  publishRelease: process.env.SENTRY_PUBLISH_RELEASE === "enabled"
    ? {
      org: process.env.ORG,
      project: process.env.PROJECT,
      cleanArtifacts: true,
      release: {
        setCommits: {
          auto: false,
          repo: process.env.REPO,
          commit: process.env.SENTRY_RELEASE_COMMIT_ID,
          ignoreMissing: true
        }
      }
    }
    : false,
    tracing: {
    tracesSampleRate: 0.1,
      vueOptions: {
      tracing: true,
        tracingOptions: {
        hooks: ["activate", "mount", "update"],
          timeout: 5000,
            trackComponents: false
      }
    },
    browserTracing: {
      enableInp: true
    },
    browserOptions: { }
  }
}

Steps to reproduce

First, I've uninstalled sentry and tracing:
npm uninstall @sentry/tracing
npm uninstall @nuxtjs/sentry

Then, I upgraded it to sentry 7:
npm install @nuxtjs/sentry@^7.0.0
Everything was working, so I moved forward to uninstall it and also uninstall webpack to install sentry 8:

npm uninstall @sentry/webpack-plugin
npm uninstall @nuxtjs/sentry


npm install @sentry/webpack-plugin@latest --save-dev
npm install @nuxtjs/sentry@^8.0.0

With this change, I enabled the inp, changed the release object as in the sentry config that I've placed on top. Also, added a webpack.config.js with the following content:

import { sentryWebpackPlugin } from "@sentry/webpack-plugin";

module.exports = {
  devtool: "source-map",
  plugins: [
    sentryWebpackPlugin({
      org: process.env.REPO,
      project: process.env.PROJECT,
      authToken: process.env.SENTRY_AUTH_TOKEN
    })
  ]
};

What is Expected?

Core web vitals and the INP with the new version of Sentry should still be tracked.

What is actually happening?

Core web vitals and the INP are being tracked; however, since the upgrade, there has been a significant increase in all the metrics from the web vitals.

I've updated other front-ends by doing the same steps on them, and there was only one project that had this impact, and I'm not sure why it's happening. But if we do a revert of that commit, we can actually see how the metrics go down again.

Image

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions