admin/WebVitals.js

import { getCLS, getFID, getLCP } from 'web-vitals';

/**
 * Measure Google's Core Web Vitals (https://web.dev/vitals/) on our webpages.
 * These metrics contribute to our Lighthouse performance score and are also
 * ranking signals for Google SEO.
 *
 * @module WebVitals
 */
const WebVitals = {
	init() {
		/* eslint-disable no-console */
		// Cumulative Layout Shift (CLS)
		getCLS( console.log );

		// First Input Delay (FID)
		getFID( console.log );

		// Largest Contentful Paint (LCP)
		getLCP( console.log );
		/* eslint-enable no-console */
	},
};

export default WebVitals;