Largest Contentful Paint, Quick BPP (image entropy) check
Context: Largest Contentful Paint change in Chrome 112 to ignore low-entropy images (opens in a new tab)
This snippet is based on and with the permission of Stoyan Stefanov (opens in a new tab), read his post here (opens in a new tab).
With the script you can get a list of the BPP of all(1) images loaded on the site.
(1) the images with source "data:image" and third-party images are ignored.
Snippet
console.table(
[...document.images]
.filter(
(img) => img.currentSrc != "" && !img.currentSrc.includes("data:image"),
)
.map((img) => [
img.currentSrc,
(performance.getEntriesByName(img.currentSrc)[0]?.encodedBodySize * 8) /
(img.width * img.height),
])
.filter((img) => img[1] !== 0),
);