Largest Contentful Paint increased dramatically when using LazyLoad
Why does my Largest Contentful Paint (LCP) time improve after removing lazy load?
Steps to fix
Why is my Total Blocking Time (TBT) affected?
Probable causes / possible solutions
How does lazy loading the LCP image affect page performance?
Lazy loading images is the process of delaying the loading of images until they are needed.
This means images will not load until they are scrolled to (i.e., viewable in the browser viewport), which helps the browser prioritize other resources that are more important.
If however, lazy loading is applied to above-the-fold content (like the LCP image), the browser may defer the LCP image in favors of other resources.
As the LCP image is not immediately downloaded, it may slow down your LCP timing and make your page appear visually incomplete to the user for a longer period of time.