via smashingmagazine.com => original post link
Largest Contentful Paint (or LCP) is one of three metrics of the Core Web Vitals. These metrics are used by Google to evaluate the quality of user experience. LCP measures the time it takes for the browser to load the main content in the viewport.
Since recently becoming a ranking factor, this major web performance KPI is still a new concept for many web developers. It becomes especially tricky to optimize when the LCP element is an image.
To address this problem, I’ll provide an overview of the best practices for the integration and optimization of an LCP image. I’ll cover the following: