Articles on: FAQs

Why DOM size is not reduced after lazy rendering?

Lazy rendering delays the rendering of portions of your HTML until it's nearby viewport. This helps in improving the rendering performance, including FCP, LCP, TBT, INP and other metrics.

PageSpeed/Lighthouse measures the total number of DOM nodes before rednering, which remains the same regardless of rendering optimizations.

Even though you can't technically reduce the DOM size using lazy render, you can reduce the impact of it.

Updated on: 27/12/2023

Was this article helpful?

Share your feedback

Cancel

Thank you!