Published: May 5, 2026
Chrome 148 is rolling out now, and this post shares some of the key features from the release. Read the full Chrome 148 release notes.
Highlights from this release:
- CSS name-only container queries lets you query containers by name without setting a container type.
- Lazy loading for video and audio elements lets you defer loading of these elements until they are near the viewport.
- The Prompt API gives direct access to on-device AI.
CSS name-only container queries
A CSS query container can now be queried based on its container-name only,
without the need for a container-type.
#container {
container-name: --foo;
}
@container --foo {
input { background-color: green; }
}
<div id="container">
<div><input></div>
</div>
Previously, @container required a container type in addition to the name.
Lazy loading for video and audio elements
Chrome 148 adds the loading attribute to <video> and <audio> elements,
letting developers defer media resource loading until the element is near the
viewport using loading="lazy".
This matches the existing lazy loading behavior for <img> and <iframe>
elements, improving page load performance and reducing data usage.
Learn more at the
MDN documentation for the loading property
and on the Squarespace blog in
How To Use Standard HTML Video and Audio Lazy-Loading on the Web Today
The Prompt API
The Prompt API gives web developers direct access to a browser-provided on-device AI language model (specifically, Gemini Nano in Chrome).
The initial implementation supports text, image, and audio inputs. In addition, response constraints ensure that generated text conforms with predefined regular expression and JSON schema formats.
This supports a variety of use cases, from generating image captions and performing visual searches to transcribing audio, classifying sound events, generating text following specific instructions, and extracting information or insights from multi-modal source material.
Learn more at the documentation for the Prompt API or try a demo.
Further reading
This covers only some key highlights. Check the following links for additional changes in Chrome 148.
- Release notes for Chrome 148.
- What's new in Chrome DevTools (148).
- ChromeStatus.com updates for Chrome 148.
- Chrome release calendar.
Subscribe
To stay up to date, subscribe to the Chrome Developers YouTube channel, and you'll get an email notification whenever we launch a new video. Or follow us on X or LinkedIn for new articles and blog posts.
As soon as Chrome 149 is released, we'll be right here to tell you what's new in Chrome!