Lazy Loading Images from CSS Instead


It is good for Web Developers to know how the DOM functions and the benefit of knowing Lazy Loading techniques. When the DOM receives the response from the Server, it then constitutes the DOM tree by reading HTML and CSS and finding the external resources to request. At this time, if you define images/background images in CSS to be loaded lazily, the performance can be optimized. Define a class on an image tag with class="lazy-background" then in css file do; .lazy-background.visible {background-image: url(blah blah)}. 

Remember to include a placeholder that would go inside an image tag when not visible  

Front-End
published
v.0.01





For peering opportunity Autonomouse System Number: AS401345 Custom Software Development at ErnesTech Email Address[email protected]