Example Concept: Lazy loading is a technique that defers the loading of images until they are needed, typically when they enter the viewport. This reduces initial page load time and bandwidth usage. Modern image formats like WebP offer better compression than traditional formats, reducing file sizes without compromising quality. Responsive images use the element or srcset attribute to serve different image sizes based on the device's screen size and resolution, ensuring optimal loading and display.