![]() Hence, the time from request to render becomes smaller and the page becomes usable much earlier. ![]() This ensures that any device on any network is able to download and process the remaining resources much faster. And fewer bytes to download means the page renders faster than if those bytes and requests were being made. ![]() Fewer image requests mean fewer bytes to download. Lazy loading reduces the number of images that need to be loaded on a page upfront. The obvious benefit is that we get smaller web pages that load faster. Here are two of the advantages we get with lazy loading. You may already start to see how this benefits both you and the user. It also never loads in the first place because, hey, it was never needed. If the user never scrolls to the point of the page that contains the image, then the user will never see that image. We will stick to lazy loading images in this guide, but it’s good to know it can be applied to other assets. Same deal for an image-load it when we need it. For example, even a JavaScript file can be held back if it is best not to load it initially. The technique of lazy loading can be applied to just about any resources on a page. These techniques help in improving performance, better utilization of the device’s resources and reducing associated costs. Lazy Loading is a set of techniques in web and application development that defers the loading of resources on a page to a later point in time-when those resources are actually needed instead of loading them up front. Instead of loading them right away, which is what normally happens, we allow them to load later. Similarly, lazy loading defers the loading of resources on the page as long as they are not needed. We often associate the word “lazy” with avoiding work as long as possible, or the sheer act of wanting to do nothing at all.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |