Add Web Vital Tracking

[dainemawer]

Is your enhancement related to a problem? Please describe.

Often projects have no way of tracking Web Vitals.
Third-party services are often used which can lead to bloat and complex configurations.

Using Googles: https://github.com/GoogleChrome/web-vitals - we can track web-vitals in the field, for free, using 1kb worth of bandwidth. This data can be used on:

1. Custom Analytics Endpoints (SpeedCurve/Quickmetrics) - clients with their own analytics tracking
2. For sending data to Universal Analytics
3. For sending data to Google Analytics 4
4. For consumption in BigQuery and Google DataStudio

This functionality should be hidden behind a flag like: TENUP_WEB_VITAL_TRACKING so it can be opt-in if a project requires it.

Another benefit of using this library is far better integration with Google Analytics and Google Tag Manager. As the script is active in production, it also provides us with RUM (Real User Monitoring) at no additional cost. Any data recorded in Google Analytics will be real user data.

This feature would requite an update to the code as well as the wp-scaffold README.

Designs

n/a

Describe alternatives you've considered

No response

Code of Conduct

• I agree to follow this project's Code of Conduct