Several performance metrics such as First Contentful Paint (FCP) and Largest Contentful Paint (LCP) use the concept of a "contentful paint".
Contentful paints are paint operations that render significant content and are therefore significant for performance measurements. These stand apart from less important paints that contain no useful content for the user, such as background color paints. For example, a page that loads, sets the background color, but then shows no actual content for a long period afterwards is not as useful as one that shows text, images, or other content.
What exactly counts as "content" is heuristic-based to some extent and may not perfectly align with user perception or developer intent. This means paints drawn to screen in different ways may count as "contentful" or not, even if they appear the same to the user. For example, using a <div> with a background color would not be contentful, while using an <img> or <svg> for that color may be considered contentful.
The types of paints considered contentful also differ slightly between metrics:
<canvas> and <svg> elements. Skeleton screens using only <div> elements would not count as contentful.<canvas> or <svg> elements, since those are more difficult to measure in terms of when (or even if) they are representative of the largest content drawn on the page. Furthermore, LCP also excludes low-entropy images.