@ncremental/web-vitals v17.0.15

Web Vitals by Ncremental

Show a small widget on top of the page with some of the most crucial web vitals.

Dependencies

Please install web-vitals on your project, first:

npm i web-vitals

Usage

Include the NcrWebVitalsModule to your app's imports and add the following code to your HTML template:

<ncr-web-vitals></ncr-web-vitals>

If you only want to show the widget if a certain query parameter is appended to the URL, use Angular's router to extend the element with an *ngIf condition:

<ncr-web-vitals
  *ngIf="route.snapshot.queryParams['ncr-web-vitals']"
></ncr-web-vitals>