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

INP breakdown and LoAF integration with web-vitals v4 #177

Merged
merged 42 commits into from May 13, 2024

Conversation

tunetheweb
Copy link
Member

@tunetheweb tunetheweb commented Mar 26, 2024

Uses the upcoming v4 build of web-vitals which allows INP breakdown and LoAF integration.

This allows us to do things like this:

image

For Interaction the breakdowns is too complex to repeat all the web-vitals.js code and maintain it separately, but they can have LoAFs:

image

src/browser_action/on-each-interaction.js Outdated Show resolved Hide resolved
src/browser_action/on-each-interaction.js Outdated Show resolved Hide resolved
src/browser_action/on-each-interaction.js Outdated Show resolved Hide resolved
src/browser_action/on-each-interaction.js Outdated Show resolved Hide resolved
src/browser_action/on-each-interaction.js Outdated Show resolved Hide resolved
src/browser_action/on-each-interaction.js Outdated Show resolved Hide resolved
src/browser_action/on-each-interaction.js Outdated Show resolved Hide resolved
src/browser_action/on-each-interaction.js Outdated Show resolved Hide resolved
src/browser_action/on-each-interaction.js Outdated Show resolved Hide resolved
src/browser_action/on-each-interaction.js Outdated Show resolved Hide resolved
@tunetheweb tunetheweb marked this pull request as ready for review May 1, 2024 21:19
@tunetheweb tunetheweb requested a review from rviscomi May 1, 2024 21:20
@tunetheweb
Copy link
Member Author

Not going to land this until web-vitals v4 lands, but think it's ready for review now.

Thanks @philipwalton for double checking the interaction stuff already!

manifest.json Outdated Show resolved Hide resolved
src/browser_action/on-each-interaction.js Outdated Show resolved Hide resolved
src/browser_action/on-each-interaction.js Outdated Show resolved Hide resolved
src/browser_action/on-each-interaction.js Outdated Show resolved Hide resolved
src/browser_action/on-each-interaction.js Outdated Show resolved Hide resolved
src/browser_action/on-each-interaction.js Outdated Show resolved Hide resolved
src/browser_action/on-each-interaction.js Outdated Show resolved Hide resolved
src/browser_action/on-each-interaction.js Outdated Show resolved Hide resolved
Copy link
Member

@philipwalton philipwalton left a comment

Choose a reason for hiding this comment

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

LGTM (at least for the interaction-related logging)

@tunetheweb
Copy link
Member Author

Thanks for all approvals. Will update and merge after v4 is released.

@tunetheweb tunetheweb merged commit e371300 into main May 13, 2024
4 checks passed
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

3 participants