This page has a lighthouse score of 100,100,100,100.
Even though it has over 500 images.
Follow the code guide to find out how.
The largest contentful paint element, is this block of text. Why? Beacause it's
the largest counted element on the page.
It does not matter how *many* elements there are- though you still need to do the
right thing for every other score.
This is to demonstate that (almost) regarless of the number of image how to
achieve a good (calculated) experience* and lighthouse score.
*Don't get obsessed with the scored. Focus on the *meaningful* message. For example,
if this is your website, which is the most important message and interaction which
should be possible first? Focus on that.
The Web vitals blog defines LCP as:
Largest Contentful Paint (LCP) is an important, user-centric metric for measuring perceived load speed because it marks the point in the page load timeline when the page's main content has likely loaded—a fast LCP helps reassure the user that the page is useful.