mirror
/
sitespeed.io
mirror of https://github.com/sitespeedio/sitespeed.io.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Show more interaction to next paint info (#4050) 

* Show more inp info
This commit is contained in:
Peter Hedenskog 2024-01-07 16:42:58 +01:00 committed by GitHub
parent cbd9c4766f
commit 284199f08d
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 24 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
lib/plugins/html/templates/url/metrics/inp.pug
View File

@ -1,11 +1,30 @@
if browsertime.pageinfo && browsertime.pageinfo.interactionToNextPaintInfo!== undefined
a#interactionToNextPaint
h3 Interaction to Next Paint
p Interaction to Next Paint (INP) is a metric that try to measure responsiveness. It's useful if you are testing user journeys Read more about
p Interaction to Next Paint (INP) is a metric that try to measure responsiveness. It's useful if you are testing user journeys. Read more about
a(href='https://web.dev/inp/') Interaction to Next Paint
| .
.row
p The measured latency was #{h.time.ms(browsertime.pageinfo.interactionToNextPaintInfo.latency)}. And the events that contributed to the latency was:
ul
each entry in browsertime.pageinfo.interactionToNextPaintInfo.entries
li #{entry.name} - #{h.time.ms(entry.duration)}
p The measured latency was #{h.time.ms(browsertime.pageinfo.interactionToNextPaintInfo.latency)}.
table
if timings.largestContentfulPaint.tagName
tr
td
b Event type
td #{browsertime.pageinfo.interactionToNextPaintInfo.eventType}
tr
td
b Element type
td #{browsertime.pageinfo.interactionToNextPaintInfo.tagName}
tr
td
b Element class name
td #{browsertime.pageinfo.interactionToNextPaintInfo.className}
tr
td
b Event target
td #{browsertime.pageinfo.interactionToNextPaintInfo.eventTarget}
tr
td
b Load state when the event happened
td #{browsertime.pageinfo.interactionToNextPaintInfo.loadState}