Comments (2)
What is your team's take on the value of tracking these metrics today given the level of browser support?
Our take is that it's very important, even if some of the metrics are not reported in some browsers. Having partial insight into your real-world performance characteristics is much better than having no insight at all.
While there are subtle difference in browsers that may make certain things faster in certain engines, it's extremely unlikely that work you do to improve LCP, FID, or CLS in Chrome will have a negative impact on other browsers.
The obvious exception to this is things that break other browsers (e.g. using webp to improve LCP in Chrome without implementing a fallback for Safari). But if you're testing your pages in all the browsers that you support (which you should be), then there's little risk of that happening.
Also note that most of the popular lab testing tools (e.g. Lighthouse, WebPagetest) are Chromium-based as well, and so the same concerns you raised apply there. The web-vitals
library, however, is strictly better in that regard because at least some of the APIs are available in other browsers, and as more browsers add support, the library will automatically start reporting them.
Is there support or commitment from other browser vendors to implement the APIs used to gather these metrics? Might be worth mentioning this in the docs.
These metrics were developed in the Web Performance Working Group, which has representation from all major browsers. As with all features, browsers implement the things they think will most benefit their users, so the best way to get cross-browser support for these APIs is to let other browser makers know (through their public issue trackers) that you want them.
from web-vitals.
Thanks @philipwalton, this will be helpful for my team. I will followup on Firefox/Safari's bug trackers as well.
from web-vitals.
Related Issues (20)
- can't find ReportCallback or ReportHandler type HOT 3
- Are there any updates for soft-navs? HOT 2
- LoAF missed for some INP events HOT 9
- Facing issue while exporting `web-vitals/attribution` using `browserify` HOT 2
- LoAF Performance entry script sourceFunctionName and sourceURL logged values HOT 4
- Using `performance.eventCounts` instead of `performance.interactionCount` HOT 2
- Heads Up on Changes to INP Measurement When Interfered with JS Modal Dialogs HOT 3
- TypeError: Cannot read properties of undefined (reading 'processingEnd') HOT 13
- TypeScript 5.5 compatibility
- Speculation rules can impact on increase values for INP ?
- Missing Cumulative Layout Shift (CLS) metric when batching multiple reports together in a single network request HOT 5
- Add clarification regarding event listener in event batching section
- LCP and CLS fired on interaction HOT 5
- Tgt
- Update LCP attribution to handle the first frames of animated content HOT 3
- INP attribution helper latestProcessingEnd never initialized HOT 1
- Missing LoAF attributions for INP due to violating internal invariants
- Any way to simulate clicks for INP testing? HOT 3
- Identical abstract selectors can be returned as distinct strings HOT 6
- onINP trigger always when browser tab change ? 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.