microsoft / microsoft/ApplicationInsights-JS
Support Core Web Vitals
Nobody has claimed this yet.
- Dominant language
- TypeScript
- Stars
- 685
- Forks
- 261
- Avg merge
- 21h 33m
- Merged PRs (30d)
- 5
Description
Today App Insights for JS / React captures a lot of application, network, device and session info. https://docs.microsoft.com/en-us/azure/azure-monitor/app/javascript
| 
| 
|
|---|---|
It would be great to capture the Core Web Vitals https://web.dev/vitals/ like LCP, FID, CLS.
Tools like [Google chrome lighthouse](https://github.com/GoogleChrome/lighthouse/) are useful only for the developer since they run on the developers local machine.
To get real data from production users, today we are [using Sentry](https://docs.sentry.io/product/performance/web-vitals/) which is visualized in their dashboard.
| 
| 
|
|---|---|
Please add support to capture these core web vital metrics using azure app insights so that we can visualize this data in the azure portal.
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start by reviewing the existing Application Insights JavaScript/React telemetry capture and the linked Core Web Vitals and Azure documentation. Determine how LCP, FID, and CLS should be collected and represented; done means production-user metrics are captured by Azure Application Insights and can be visualized in the Azure portal.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- azure, javascript, react, typescript
- Domain
- frontend, observability, performance
- Issue type
- Feature
- Difficulty
- 5/5
- Estimated time
- Over a week
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 35/100