30. What is lazy loading?

Lazy loading delays loading certain resources until they are likely to be needed. HTML supports this for images and iframes through loading="lazy". It can reduce initial network usage and improve page loading performance.

Key Takeaways
  • Lazy loading can reduce initial resource work.
  • Do not delay resources that are immediately critical to the page experience.
Knowledge Check

Which attribute requests lazy loading?