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)

FAQs

Will Chrome get AI? ›

AI is already used across Chrome in performance, productivity, accessibility, privacy, and security. Now generative AI features will make it even easier and more efficient to browse — all while keeping your experience personalized to you.

What is the Chrome Dev app? ›

Chrome DevTools is a set of web developer tools built directly into the Google Chrome browser. DevTools lets you edit pages on-the-fly and diagnose problems quickly, which helps you build better websites, faster.

What does Google.io stand for? ›

One of the explanations posited by Google is that "I/O" stands for "input / output," a fundamental computational concept representing the interaction between a computer system and its external environment.

Who is the developer of Google Chrome? ›

Chrome is based on the open-source code of the Chromium project. Development of the browser began in 2006, spearheaded by Sundar Pichai. Chrome was "largely developed" in Google's Kitchener office.

Can AI replace web developer? ›

No, AI Will Not Replace Web Developers, and Here's Why

Consider WordPress, a widely used platform for making websites. Some experts thought it might take away jobs from human web developers a few years ago. But here's the thing: it didn't happen, as you likely already know.

How do I turn on AI in Chrome? ›

Turn on or off “AI Overviews and more” in Search Labs
  1. On your computer, open Chrome .
  2. Make sure you're signed in to your Google Account with Incognito mode turned off.
  3. At the top of the browser, click New tab .
  4. At the top of the page, click Labs. Manage .
  5. Toggle off ​​​​​ or on. “AI Overviews and more.”

What's the difference between Chrome and Chrome Dev? ›

The Beta channel gives you a 4–6 week preview of features coming to the Stable version of Chrome browser. The Dev channel gives you a 9–12 week preview. Canary is an early-release, experimental version of Chrome browser that's recommended only for advanced testing.

How do I access Chrome dev? ›

Access Developer Tools

Select View > Developer > Developer tools.

Can you open Chrome DevTools on phone? ›

Yes, we have integrated Chrome DevTools on select browsers on real devices (iOS & Android) in Live.

What to expect in Google.io 2024? ›

The keynote starts at 10 am PDT on Tuesday, and as usual, it will be livestreamed. Expect to hear and see updates about Android 15, Google search, the already announced Pixel 8A budget phone, and just an absolute torrent of news about the tech topic of the decade: artificial intelligence.

How much does Google.io cost? ›

Registration begins March 7 and is free of cost.

Can anyone go to Google IO? ›

All information must be entered in English. Some of the information entered (such as name and company), will be displayed to other users if you contribute to Q&As or participate in Chat. Attendees must be at least 18 years of age to attend Google I/O.

What is F12 in Chrome? ›

F12 is an all in one developer toolbox. It tries to give you all the tools that you need as a developer.

What is Google Canary? ›

Canary is an experimental version of the popular Chrome browser. Google offers four release channels for its browser: Stable, Beta, Dev, and Canary. Most people use the Stable release of the popular browser, which is rigorously tested and considered very reliable.

What is devtool? ›

Developer tools (or "development tools" or short "DevTools") are programs that allow a developer to create, test and debug software. Current browsers provide integrated developer tools, which allow to inspect a website.

Is Google going to release AI? ›

Google unleashes AI in search, raising hopes for better results and fears about less web traffic. Google has rolled out a retooled search engine that will frequently favor responses crafted by artificial intelligence over website links.

Will Google ban AI content? ›

Does Google penalize AI content? The short answer is no – as long as you create high-quality content that meets their search quality rater guidelines. Remember that while Google has mechanisms to detect automatically generated low-quality spammy material, it doesn't categorically shun all machine-created work.

Will AI replace Google search? ›

Think of AI in the future as the advanced complement and improvement to the search engine, not as the replacement.

Is Bing AI available on Chrome? ›

Bing AI and its Bing Chat interface can be accessed in Google Chrome by visiting the official Microsoft Bing website.

Top Articles
Latest Posts
Article information

Author: Virgilio Hermann JD

Last Updated:

Views: 5757

Rating: 4 / 5 (41 voted)

Reviews: 88% of readers found this page helpful

Author information

Name: Virgilio Hermann JD

Birthday: 1997-12-21

Address: 6946 Schoen Cove, Sipesshire, MO 55944

Phone: +3763365785260

Job: Accounting Engineer

Hobby: Web surfing, Rafting, Dowsing, Stand-up comedy, Ghost hunting, Swimming, Amateur radio

Introduction: My name is Virgilio Hermann JD, I am a fine, gifted, beautiful, encouraging, kind, talented, zealous person who loves writing and wants to share my knowledge and understanding with you.