Lazy Loading :

Lazy loading in JavaScript involves selectively loading content or resources, such as images, scripts, or data, when they are needed, rather than all at once.
This technique is particularly useful when dealing with large or numerous resources that are not immediately visible or required on the initial page load.