Comments (3)
Edit: To clarify I'm only referring to the span of time that the tab is active, not a historical view of previous page loads.
Thanks for clarifying! That was originally going to be my first question (how much of this is for the current session/tab activity vs over the lifetime of previous page loads).
For example, let's provide a way to visualize how CLS got to be 0.15.
Is there a particular surface in the extension you were thinking something like this could live? Is it a drill-down feature? overlay?
from web-vitals-extension.
I think the best fit for this UI would be in the overlay because it lets you monitor changes while interacting with the page. The drill-down disappears as soon as you click away from it.
We can let users toggle its visibility so it doesn't always taking up more of the viewport.
from web-vitals-extension.
With the console logging we have more detailed history of metrics that potentially change over time like CLS so not sure it’s worth cluttering up the UI with this when the info is already available in that, more detailed, debugging method?
from web-vitals-extension.
Related Issues (20)
- INP still says “waiting for user input” even after I clicked / typed HOT 11
- Add more logging for interactions HOT 2
- Upgrade to the latest web-vitals.js attribution build HOT 7
- Upgrade to Manifest v3
- Add measures and logging for LCP diagnostics HOT 1
- Warn when CWV antipatterns are detected HOT 2
- Link to the Options page from the UI HOT 1
- Rename `master` branch to `main` HOT 1
- DevTools bfcache tester incompatible with extension HOT 2
- Spurious errors are reported when navigating to chrome:// URLs
- Unable to turn on Console Logging for Incognito Mode HOT 1
- [Feature request] Add whitelist for console logging HOT 3
- webvitals query HOT 1
- Add FCP metric
- Updates for listing in Chrome Web Store for next release.
- Why is there no web-vitals option in devtools' performance, and display the web-vitals value in timing? HOT 1
- Wrong CLS detection of elements with no opacity HOT 2
- High INP on link drag and click HOT 2
- /
- https://developers.google.com/profile/u/113452284715201417289/saved-pages?authuser=1 HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from web-vitals-extension.