tlder@devChrome 148 Adds Name-Only Container Queries and Lazy Loading for Video and Audio
tlder@dev:~$
Design/CSS

Chrome 148 Adds Name-Only Container Queries and Lazy Loading for Video and Audio

  • Shipped

Chrome 148 lands two CSS and HTML platform features relevant to design and component development. Container queries can now target a container by name alone — omitting the previously mandatory container-type property — which reduces the boilerplate needed in component libraries and avoids unintended layout side-effects from setting containment. Separately, the loading="lazy" attribute is now respected on video and audio elements, mirroring the existing behaviour on img and iframe and deferring media fetches until they approach the viewport. The name-only container query change lowers the bar for adopting container-based responsive design in shared component systems, where authors often do not control the host element's containment mode. The media lazy loading addition has direct performance implications for content-heavy pages and design systems that embed media in cards or feeds — reducing initial page weight without JavaScript. Both changes are available in Chrome 148 and follow the relevant specifications.