🔎 SEO - Create Core Web Vitals Workbooks

[Harry-Ross]

cc @wicksipedia @jeoffreyfischer

As per #2248 (comment), we will be tracking TTFB and FCP using Next.js' useReportWebVitals hook and tracking this as a custom metric to App Insights.

Tasks

Beta Give feedback

1. Create custom App Insights workbook(s) that summarise this information (i.e. graphs for P95 of each metric (95th percentile), etc.)
2. Create a rule on learnings from this PBI i.e. how to use App Insights to monitor Core Web Vitals
3. Make a Done Video

[Harry-Ross]

Created a version of the workbook that works with the dev container (blocked for prod by #2328):
https://portal.azure.com/#blade/AppInsightsExtension/UsageNotebookBlade/ComponentId/%2Fsubscriptions%2Fb8b18dcf-d83b-47e2-9886-00c2e983629e%2Fresourcegroups%2Fssw.com.au%2Fproviders%2Fmicrosoft.insights%2Fcomponents%2Fappinsight-sswwebsite-dev-9eb3/ConfigurationId/%2Fsubscriptions%2Fb8b18dcf-d83b-47e2-9886-00c2e983629e%2FresourceGroups%2Fssw.com.au%2Fproviders%2Fmicrosoft.insights%2Fworkbooks%2Fc69500ca-08c7-4bfc-ab59-05332adfd067/Type/workbook/WorkbookTemplateName/Core%20Web%20Vitals

Figure: The graph with varied performance scores aggregated (numbers are off because its the dev server)

[Harry-Ross]

Workbook link: https://portal.azure.com/#blade/AppInsightsExtension/UsageNotebookBlade/ComponentId/%2Fsubscriptions%2Fb8b18dcf-d83b-47e2-9886-00c2e983629e%2Fresourcegroups%2Fssw.com.au%2Fproviders%2Fmicrosoft.insights%2Fcomponents%2Fappinsight-sswwebsite-dev-9eb3/ConfigurationId/%2Fsubscriptions%2Fb8b18dcf-d83b-47e2-9886-00c2e983629e%2Fresourcegroups%2Fssw.com.au%2Fproviders%2Fmicrosoft.insights%2Fworkbooks%2Fc69500ca-08c7-4bfc-ab59-05332adfd067/Type/workbook/WorkbookTemplateName/Core%20Web%20Vitals

[Harry-Ross]

Done Video: https://youtu.be/ztIEY60ZssY