How to Lazy Render HTML Elements
Lazy rendering HTML elements will dramatically reduce Time to Interactive, Total Blocking Time and Largest Contentful Paint.
Lazy Render is very similar to the lazy loading of images. In lazy loading images, downloading of images is done only when they're nearby the viewport.
HTML Lazy Render works similarly. It will render elements on the page only when required. This way Browser can focus on rendering content in the above fold.