<img>
element<svg>
내부의 <image>
<video>
element (포스터 이미지가 사용된 경우) new PerformanceObserver((entryList) => {
for (const entry of entryList.getEntries()) {
console.log('LCP candidate:', entry.startTime, entry);
}
}).observe({type: 'largest-contentful-paint', buffered: true});
직접 측정 방법
중 한가지를 이용해 사용자 LCP를 측정하고 측정된 데이터를 수집navigate
, reload
, back_forward
, prerender
중 한가지navigate
값은 사용자가 링크를 클릭하거나 URL을 입력해서 진입하는 경우navigate
값이 전달되는 경우를 제외하면 cache등의 영향으로 기대한 것과 다른 LCP 지표가 측정될 수 있음 (매우 빠를 확률이 높음)hidden
인 상태에서 측정된 LCP 75th 수치는 visible
상태에서 측정된 수치보다 약 23% 느림 (Page Visibility: If a tree falls in the forest 참고)