Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

feat(rum): Add measurements support and web vitals #2909

Merged
merged 41 commits into from
Oct 7, 2020
Merged

Conversation

dashed
Copy link
Member

@dashed dashed commented Sep 16, 2020

  • Vendor web-vitals implementation from: https://github.com/GoogleChrome/web-vitals

    • Pull in implementation for FID (First Input Delay) and LCP (Largest Contentful Paint)
  • Removed LCP implementation added in feat: Report LCP metric on pageload transactions #2624

  • Add support for setting measurements interface for transaction events. This will not be officially documented as we're not allowing users to set their own measurements.

  • Only pageload transactions will have measurements attached to them.

  • Intercept FP (first paint) and FCP (first contentful paint) and create measurements from their values.

  • Added mark.lcp, mark.fcp, mark.fp, and mark.fid, to be timestamps for vertical line markers on the span view. See below screenshot for their usage:

Screen Shot 2020-09-16 at 3 52 31 AM

TODO

@dashed dashed requested review from rhcarvalho and a team September 16, 2020 08:07
@dashed dashed self-assigned this Sep 16, 2020
@github-actions
Copy link
Contributor

github-actions bot commented Sep 16, 2020

size-limit report

Path Size
@sentry/browser - CDN Bundle (gzipped) 18.02 KB (+0.01% 🔺)
@sentry/browser - Webpack 18.84 KB (0%)
@sentry/react - Webpack 18.84 KB (0%)
@sentry/browser + @sentry/tracing - CDN Bundle (gzipped) 24.66 KB (+3.11% 🔺)

@dashed dashed requested a review from a team September 16, 2020 08:45
Copy link
Member

@HazAT HazAT left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM 👍
@dcramer just meant we should make this on by default

packages/tracing/src/browser/browsertracing.ts Outdated Show resolved Hide resolved
Copy link
Contributor

@rhcarvalho rhcarvalho left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Thanks @dashed! The implementation looks clear. A few comments on things we could improve, merge at will ;)

packages/tracing/src/browser/metrics.ts Outdated Show resolved Hide resolved
packages/tracing/src/browser/metrics.ts Outdated Show resolved Hide resolved
packages/tracing/src/transaction.ts Outdated Show resolved Hide resolved
packages/tracing/src/browser/metrics.ts Outdated Show resolved Hide resolved
packages/tracing/src/browser/metrics.ts Outdated Show resolved Hide resolved
packages/tracing/src/browser/metrics.ts Outdated Show resolved Hide resolved
packages/tracing/src/browser/metrics.ts Outdated Show resolved Hide resolved
packages/tracing/src/browser/metrics.ts Outdated Show resolved Hide resolved
dashed and others added 7 commits September 24, 2020 07:09
Co-authored-by: Rodolfo Carvalho <rodolfo.carvalho@sentry.io>
Co-authored-by: Rodolfo Carvalho <rodolfo.carvalho@sentry.io>
Co-authored-by: Rodolfo Carvalho <rodolfo.carvalho@sentry.io>
Co-authored-by: Rodolfo Carvalho <rodolfo.carvalho@sentry.io>
@dashed dashed requested review from Zylphrex, kamilogorek and a team and removed request for kamilogorek September 24, 2020 14:32
Copy link
Contributor

@rhcarvalho rhcarvalho left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM. @dashed could you please add a README.md under .../web-vitals with a link to the repo and which commit it was vendored from?

Perhaps another level .../vendor/web-vitals and .../vendor/README.md could make it even more obvious?

@kamilogorek could you please have a quick look here, do you agree with this strategy?

@dashed
Copy link
Member Author

dashed commented Sep 24, 2020

@kamilogorek can you push these new revisions to beta? 😄

# Conflicts:
#	packages/tracing/src/browser/metrics.ts
#	packages/tracing/src/transaction.ts
@dashed dashed requested a review from HazAT October 5, 2020 15:27
@dashed
Copy link
Member Author

dashed commented Oct 5, 2020

@HazAT @rhcarvalho @kamilogorek Would this be good to merge?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

4 participants