The size of the element reported for Largest Contentful Paint is typically the size that's visible to the user within the viewport. , ) may be added in the future as more research is conducted. Note, restricting the elements to this limited set was intentional in order to keep things simple in the beginning. Images that occupy the entire viewport are not considered LCP candidates. To ensure you're hitting this target for most of your users, a good threshold to measure is the 75th percentile of page loads, segmented across mobile and desktop devices. To provide a good user experience, sites should strive to have Largest Contentful Paint of 2.5 seconds or less. The Largest Contentful Paint (LCP) metric reports the render time of the largest image or text block visible within the viewport, relative to when the page first started loading. Based on discussions in the W3C Web Performance Working Group and research done at Google, we've found that a more accurate way to measure when the main content of a page is loaded is to look at when the largest element was rendered. In the past we've recommended performance metrics like First Meaningful Paint (FMP) and Speed Index (SI) (both available in Lighthouse) to help capture more of the loading experience after the initial paint, but these metrics are complex, hard to explain, and often wrong-meaning they still do not identify when the main content of the page has loaded. If a page shows a splash screen or displays a loading indicator, this moment is not very relevant to the user.
And newer, user-centric performance metrics like First Contentful Paint (FCP) only capture the very beginning of the loading experience. Older metrics like load or DOMContentLoaded are not good because they don't necessarily correspond to what the user sees on their screen. Historically, it's been a challenge for web developers to measure how quickly the main content of a web page loads and is visible to users. 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.
0 kommentar(er)
