diff --git a/lib/plugins/html/templates/url/metrics/elementTimings.pug b/lib/plugins/html/templates/url/metrics/elementTimings.pug index b8840aa70..436a757c1 100644 --- a/lib/plugins/html/templates/url/metrics/elementTimings.pug +++ b/lib/plugins/html/templates/url/metrics/elementTimings.pug @@ -6,6 +6,7 @@ if browsertime.timings.elementTimings && Object.keys(browsertime.timings.element th Id if value.url !== '' th URL + th Image th Tag th Render time th Load time @@ -17,6 +18,9 @@ if browsertime.timings.elementTimings && Object.keys(browsertime.timings.element if value.url !== '' td a(href=value.url) #{value.url} + td + a(href=value.url) + img.screenshot(src=value.url, alt='LCP', style='width:200px') td #{value.tagName} td #{h.time.ms(value.renderTime)} td #{h.time.ms(value.loadTime)} diff --git a/lib/plugins/html/templates/url/metrics/lcp.pug b/lib/plugins/html/templates/url/metrics/lcp.pug index 6ddb3c88b..c6c2737c8 100644 --- a/lib/plugins/html/templates/url/metrics/lcp.pug +++ b/lib/plugins/html/templates/url/metrics/lcp.pug @@ -10,6 +10,7 @@ if timings.largestContentfulPaint th Id if timings.largestContentfulPaint.url !== '' th URL + th Image if timings.largestContentfulPaint.tagName th Tag th Render time @@ -21,9 +22,10 @@ if timings.largestContentfulPaint td #{timings.largestContentfulPaint.id} if timings.largestContentfulPaint.url !== '' td + a(href=timings.largestContentfulPaint.url) #{timings.largestContentfulPaint.url} + td a(href=timings.largestContentfulPaint.url) img.screenshot(src=timings.largestContentfulPaint.url, alt='LCP', style='width:200px') - | #{timings.largestContentfulPaint.url} if timings.largestContentfulPaint.tagName td #{timings.largestContentfulPaint.tagName} td #{h.time.ms(timings.largestContentfulPaint.renderTime)}