10 updates from Google I/O 2024: Unlocking the power of AI for every web developer  |  Blog  |  Chrome for Developers (2024)

The web turns 35 years old this August. Generations of developers have shapedthis incredible technology and brought countless innovations to our lives. Now,it's the dawn of a new generation, with AI. Here are 10 exciting featuresunveiled in our Developer Keynote and I/O sessions that will guide your path tobetter development–through a more powerful web made easier.

1. Gemini Nano integration in Chrome desktop to deliver new, on-device AI features

From Chrome 126, Gemini Nano will be built into the Chrome desktop.Why is this important? You'll be able to deliver powerful AI features to Chrome's billionsof users without having to worry about prompt engineering, fine tuning,capacity, or cost. "Help me write" is available in Chrome with on-device power,to help users write short-form content.

Help us shape the future of the web by signing up for ourearly preview program.

2. WebAssembly and WebGPU enable on-device AI, no matter the AI model you use

We've invested heavily to ensure that AI models run quickly and efficiently byusing WebGPU and Wasm–the backbone technologies that enable on-device AI on theweb. New improvements like 16-bit floating point values in WebGPU, and Memory64and JavaScript Promise Integration in Wasm, are making AI run even faster. WithWasm and WebGPU, your AI libraries will be able run models at scale, across amassive range of hardware.

Chrome DevTools is one of the most popular ways to debug and tune your app. WithAI, debugging is about to get so much easier. We're bringing Gemini to theChrome DevTools Console to generate insights, help you understand what theproblem is, and even figure out how to fix it!

Chrome DevTools console insights is available today as an experimentalfeature in the US, and it's rolling out to more countries soon.

4. Speculation Rules API brings instant browsing experiences

With the new Speculation Rules API, we're enabling near-instant navigation, dramatically speeding up browsing bypre-fetching and pre-rendering pages in the background. Think millisecondsinstead of seconds. Best of all? It only requires a few lines of code to getstarted, and AI can be used to intelligently predict navigation patterns.

5. View Transitions API for multi-page sites

We want to redefine how users experience the web. And for developers, wewant to change how you build for the web. With theView Transitions API, you can easilyanimate between page states. And now, it works withmulti-page apps, enabling you tocreate fluid navigation regardless of your site's architecture. When combinedwith Speculation Rules and AI, page transitions can be truly seamless.

6. Web Platform Dashboard for a unified view across browsers

We know it isn't easy keeping up with the latest platform changes, APIs, andframeworks across browsers when they're constantly updating.Baseline provides a way to understand which webfeatures are supported on all browsers. Now, withthe Web Platform Dashboard, you'll be able to seethe entire web platform mapped out as a set of features, follow theirdevelopment, and check their interop status.

Baseline works best when it's integratedinto your workflow. From today, Akamai's RUM Archivehas a new tool for developers on RUM ArchiveInsights. For the first time, you can see theglobal user share of Baseline versions and features that are unlocked with thatversion of Baseline, side-by-side.

8. Partial hydration in Angular enables improved performance

We believe one of the best platforms for building and deploying web apps is Angular.We're now working on partial hydration, so JavaScript will only load andhydrate part of your app only when needed, significantly improving Core WebVitals for performance sensitive apps. Check it out in developer preview in thenext couple of weeks.

9. Angular fine-grained reactivity with Signals, right out of the box

We want to give you more granular control over the detection and management ofchanges in your apps. Enter: fine-grained reactivity with Signals. Angularprovides a new set of reactive APIs that empower first-class developerexperience with Signals. And Signals enable fine-grained change detection thatwill check only a fraction of your component tree to propagate state changes,so you no longer have to manually optimize the UI.

Signal-based reactive APIs are available today, right out of the box.Fine-grained change detection is coming later this year.

10. Build 3D immersive experiences in Maps JavaScript API

We're unlocking more ways of building immersive web experiences, by bringingPhotorealistic 3D Maps to the familiar Maps JavaScript API from Google MapsPlatform. Now, you can take advantage of Google's rendering technology todeliver rich 3D maps at the speed your users expect. The best part: you can getstarted with a single line of code.

We can't wait to see the stunning, immersive experiences you'll build!Learn more.

Every day, you're breaking through the complexity of development, pushing thelimits of what's possible. We're excited to help you create new experiences forall of us to enjoy. Visit developer.chrome.com andweb.dev to learn more about this powerful web, made easier.And be sure to connect with us on X,YouTube, and nowLinkedIn.

See you at the next I/O!

10 updates from Google I/O 2024: Unlocking the power of AI for every web developer  |  Blog  |  Chrome for Developers (2024)
Top Articles
Latest Posts
Article information

Author: Maia Crooks Jr

Last Updated:

Views: 5791

Rating: 4.2 / 5 (43 voted)

Reviews: 90% of readers found this page helpful

Author information

Name: Maia Crooks Jr

Birthday: 1997-09-21

Address: 93119 Joseph Street, Peggyfurt, NC 11582

Phone: +2983088926881

Job: Principal Design Liaison

Hobby: Web surfing, Skiing, role-playing games, Sketching, Polo, Sewing, Genealogy

Introduction: My name is Maia Crooks Jr, I am a homely, joyous, shiny, successful, hilarious, thoughtful, joyous person who loves writing and wants to share my knowledge and understanding with you.