diff --git a/lib/plugins/html/templates/url/metrics/index.pug b/lib/plugins/html/templates/url/metrics/index.pug
index 436195dad..0313470e1 100644
--- a/lib/plugins/html/templates/url/metrics/index.pug
+++ b/lib/plugins/html/templates/url/metrics/index.pug
@@ -90,6 +90,29 @@ if browsertime
a(href=url) #{name}
td.number #{h.time.ms(value)}
.one-half.column
+ if (timings.largestContentfulPaint)
+ table
+ tr
+ th(colspan='2') Google Web Vitals
+ if (timings.largestContentfulPaint)
+ tr
+ td
+ a(href=baseHelpURL + 'largestContentfulPaint') Largest Contentful Paint
+ td.number #{h.time.ms(Math.max(timings.largestContentfulPaint.loadTime,timings.largestContentfulPaint.renderTime, timings.largestContentfulPaint.loadTime,timings.largestContentfulPaint.loadTime))}
+ tr
+ td
+ a(href=baseHelpURL + 'layoutShift') Cumulative Layout Shift
+ td.number #{browsertime.pageinfo.layoutShift}
+ if browsertime.timings.firstInput !== undefined
+ tr
+ td
+ a(href=baseHelpURL + 'firstInputDelay') First Input Delay
+ td.number #{h.time.ms(browsertime.timings.firstInput.delay)}
+ else
+ tr
+ td
+ a(href=baseHelpURL + 'maxPotentialFirstInputDelay') Max Potential First Input Delay
+ td.number #{browsertime.cpu.longTasks.maxPotentialFid}
table
tr
th(colspan='2') Extra timings