Lessons

Adding lazy loading

Delayed loading is a great technology. Her task is to speed up the site. This is done by downloading images as they become visible to the user.

The easiest way to enable delayed loading is to add the attribute loading="lazy" to the ‘` tag.

When using images as a background, you need to control the loading stages using JavaScript.

Lazy loading should be disabled for images that are visible on the first screen. So, the page will load visually faster and the user will start exploring the content earlier, even if the download of the remaining files is in progress.

Check your website
It's free and will take from 11 to 45 seconds

We use cookies. By continuing to use the site, you agree to the processing of personal data in accordance with privacy policy. I agree