Junior From PDF JavaScript JavaScript

What is lazy loading in HTML5?

Q: What is lazy loading in HTML5?

Short answer: Lazy loading defers loading of non-critical images or iframes until they are visible in the viewport — improving page speed. Example code Key Takeaway: loading="lazy" helps reduce initial load time and saves bandwidth. Real-world example (ShopNest) ShopNest’s browser cart uses modern JavaScript: fetch APIs with async/await, modules, and clear error handling. Say this in the interview Define — one clear sentence (the short answer above). Example — relate it to a project like ShopNest or your real work. Trade-off — when you would not use it.

Short answer: Lazy loading defers loading of non-critical images or iframes until they are visible in the viewport — improving page speed.

Example code

<img src="photo.jpg" loading="lazy" alt="Nature view"> Key Takeaway: loading="lazy" helps reduce initial load time and saves bandwidth.

Real-world example (ShopNest)

ShopNest’s browser cart uses modern JavaScript: fetch APIs with async/await, modules, and clear error handling.

Say this in the interview

Define — one clear sentence (the short answer above).
Example — relate it to a project like ShopNest or your real work.
Trade-off — when you would not use it.

Previous Next