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

Extra CRUX LCP information (#4437)

This commit is contained in:
Peter Hedenskog 2025-02-14 05:55:06 +01:00 committed by GitHub
parent 6056a1d3b4
commit 8a9af743f1
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 91 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

40
lib/plugins/crux/pug/index.pug
View File

@ -106,6 +106,46 @@ if experiences
td Prerender
td #{Number(crux[experience][formFactor].NAVIGATION_TYPES_FRACTIONS.prerender *100).toFixed(2)}%
if crux[experience][formFactor].LCP_RESOURCE_TYPES_FRACTIONS
h4 Largest Contentful Paint resource type
table
thead
tr
th Element type
th Value
tbody
tr
td Text
td #{Number(crux[experience][formFactor].LCP_RESOURCE_TYPES_FRACTIONS.text *100).toFixed(2)}%
tr
td Image
td #{Number(crux[experience][formFactor].LCP_RESOURCE_TYPES_FRACTIONS.image *100).toFixed(2)}%
h4 Largest Contentful Paint image extra information
table
thead
tr
th Metric
th 75 p
tbody
tr
td Largest Contentful Paint
td #{h.time.ms(crux[experience][formFactor].LARGEST_CONTENTFUL_PAINT_MS.p75)}
if crux[experience][formFactor].LCP_IMAGE_RESOURCE_LOAD_DURATION_MS
tr
td Image load duration
td #{h.time.ms(crux[experience][formFactor].LCP_IMAGE_RESOURCE_LOAD_DURATION_MS.p75)}
if crux[experience][formFactor].LCP_IMAGE_RESOURCE_LOAD_DELAY_MS
tr
td Image load delay
td #{h.time.ms(crux[experience][formFactor].LCP_IMAGE_RESOURCE_LOAD_DELAY_MS.p75)}
if crux[experience][formFactor].LCP_IMAGE_ELEMENT_RENDER_DELAY_MS
tr
td Image render delay
td #{h.time.ms(crux[experience][formFactor].LCP_IMAGE_ELEMENT_RENDER_DELAY_MS.p75)}
if crux[experience][formFactor].LCP_IMAGE_TTFB_MS
tr
td Image TTFB
td #{h.time.ms(crux[experience][formFactor].LCP_IMAGE_TTFB_MS.p75)}
h4 Distribution
- let cruxus = `${experience}.${formFactor}.data.record.metrics`;
- let FCPs = [Number(get(crux, `${cruxus}.first_contentful_paint.histogram[0].density`, 0) * 100).toFixed(2), Number(get(crux, `${cruxus}.first_contentful_paint.histogram[1].density`, 0) * 100).toFixed(2), Number(get(crux, `${cruxus}.first_contentful_paint.histogram[2].density`, 0)*100).toFixed(2)];

51
lib/plugins/crux/repackage.js
View File

@ -72,6 +72,44 @@ export function repackage(cruxResult) {
};
}
if (
cruxResult.record.metrics
.largest_contentful_paint_image_resource_load_duration
) {
result.LCP_IMAGE_RESOURCE_LOAD_DURATION_MS = {
p75: cruxResult.record.metrics
.largest_contentful_paint_image_resource_load_duration.percentiles.p75
};
}
if (
cruxResult.record.metrics.largest_contentful_paint_image_resource_load_delay
) {
result.LCP_IMAGE_RESOURCE_LOAD_DELAY_MS = {
p75: cruxResult.record.metrics
.largest_contentful_paint_image_resource_load_delay.percentiles.p75
};
}
if (
cruxResult.record.metrics
.largest_contentful_paint_image_element_render_delay
) {
result.LCP_IMAGE_ELEMENT_RENDER_DELAY_MS = {
p75: cruxResult.record.metrics
.largest_contentful_paint_image_element_render_delay.percentiles.p75
};
}
if (
cruxResult.record.metrics.largest_contentful_paint_image_time_to_first_byte
) {
result.LCP_IMAGE_TTFB_MS = {
p75: cruxResult.record.metrics
.largest_contentful_paint_image_time_to_first_byte.percentiles.p75
};
}
if (
cruxResult.record.metrics.form_factors &&
cruxResult.record.metrics.form_factors.fractions
@ -83,6 +121,19 @@ export function repackage(cruxResult) {
};
}
if (
cruxResult.record.metrics.largest_contentful_paint_resource_type &&
cruxResult.record.metrics.largest_contentful_paint_resource_type.fractions
) {
result.LCP_RESOURCE_TYPES_FRACTIONS = {
text: cruxResult.record.metrics.largest_contentful_paint_resource_type
.fractions.text,
image:
cruxResult.record.metrics.largest_contentful_paint_resource_type
.fractions.image
};
}
if (
cruxResult.record.metrics.navigation_types &&
cruxResult.record.metrics.navigation_types.fractions