A few years ago, browsers implemented a standard way of lazy loading images. The standard was a huge boon because it was straightforward to use and less code than JavaScript solutions. Unfortunately, when it was released, it didn’t support a couple of common use cases. Now it does. To lazy…

Cloud Four's platform is a resource for web developers, offering insights into web development best practices, responsive design techniques, and performance optimization strategies. Through articles, case studies, and tutorials, Cloud Four offers insights into modern web development workflows, frontend frameworks, and progressive web app development. Readers can learn about web performance optimization, accessibility best practices, and responsive design patterns to create fast, accessible, and user-friendly web experiences. Additionally, Cloud Four provides updates on the latest web standards, browser APIs, and development tools to help developers stay ahead of the curve and build better web experiences.

Cloud Four

Browsers now support lazy loading for hidden images using the `loading="lazy"` attribute. This new capability extends lazy loading to images in menus, carousels, and other elements initially hidden from view. Previously, JavaScript solutions were required for these cases, but they are no longer necessary due to recent updates.

Lazy loading hidden images