2024 年 Google I/O 大会的 10 项更新:为每位 Web 开发者解锁 AI 的强大功能

今年 8 月,网络有 35 岁了。数代开发者创造了这项不可思议的技术,并为我们的生活带来了无数的创新。现在,AI 技术迎来了新一代的崭露头角。以下是我们在开发者主旨演讲和 I/O 大会上公布的 10 项激动人心的功能,将指导您通过更轻松的更强大的 Web 实现更好的开发。

1. Gemini Nano 集成在 Chrome 桌面版中,可提供全新的设备端 AI 功能

从 Chrome 126 开始,Gemini Nano 将内置到 Chrome 桌面版中。 为什么这一点很重要?这样,您便能够为数十亿 Chrome 用户提供强大的 AI 功能,而无需担心提示工程、微调、容量或费用。Chrome 中提供了“帮我写”功能,只要设备内置了电源,即可帮助用户撰写简短内容。

注册加入我们的抢先体验计划,帮助我们塑造网络的未来。

2. 无论您使用哪种 AI 模型,WebAssembly 和 WebGPU 都可以实现设备端 AI

我们投入大量资源来确保 AI 模型使用 WebGPU 和 Wasm 快速高效地运行,WebGPU 和 Wasm 是实现设备端 AI 在网络上实现的基础技术。WebGPU 中的 16 位浮点值以及 Wasm 中的 Memory64 和 JavaScript Promise 集成等新改进使 AI 运行速度更快。借助 Wasm 和 WebGPU,您的 AI 库将能够在各种硬件上大规模运行模型。

3. AI 赋能的 Chrome 开发者工具将简化您的调试过程

Chrome 开发者工具是调试和调整应用的最常用的方式之一。有了 AI 技术,调试将变得更加简单。我们将 Gemini 引入 Chrome 开发者工具控制台,以便生成数据分析,帮助您了解问题所在,甚至找出解决方法!

Chrome 开发者工具控制台数据分析现已作为实验性功能在美国推出,很快将推广到更多国家/地区。

4. Speculation Rules API,用户可获享即时浏览体验

借助新的 Speculation Rules API,我们实现了近乎即时的导航,通过在后台预提取和预呈现网页来显著加快浏览速度。考虑毫秒,而不是几秒钟。还有一个最大的优势:只需几行代码即可开始使用,并且 AI 可用于智能地预测导航模式。

Tokopedia 示例:预渲染的影响,导致加载时间大幅缩短,即使在网速较慢的情况下也是如此。

5. 查看多页网站的过渡效果

我们希望重新定义用户体验网络的方式。而对于开发者来说 我们希望改变您构建 Web 应用的方式借助 View Transition API,您可以轻松地在页面状态之间添加动画效果。现在,它支持多页应用,因此,无论您的网站架构如何,您都可以创建流畅的导航。与推测规则和 AI 结合使用时,可实现真正无缝的页面转换。

6. 提供跨浏览器统一视图的 Web 平台信息中心

我们知道,如果各类浏览器平台不断更新,要及时掌握最新的平台变更、API 和框架并非易事。通过基准,您可以了解所有浏览器都支持哪些 Web 功能。现在,借助 Web 平台信息中心,您可以看到整个 Web 平台被标识为一组功能、跟踪其开发情况并检查其互操作状态。

7. 基准工具,就在您的工作流中

将基准集成到您的工作流中后,基准测试效果最佳。从今天开始,Akamai 的 RUM Archive 针对 RUM Archive Insights 推出了一款新工具,供开发者使用。这是第一次,您可以并排查看使用该基准版本所解锁的 Baseline 版本和功能的全球用户份额。

8. Angular 中的部分水合有助于提升性能

我们认为 Angular 是构建和部署 Web 应用的最佳平台之一。我们目前正在努力实现部分水合,因此 JavaScript 将仅在需要时加载和水合应用的部分内容,从而显著改进针对性能敏感应用的 Core Web Vitals。您可以在未来几周内在开发者预览版中试用此功能。

9. Angular 通过 Signals 提供精细化响应,开箱即用

我们希望让您能够更精细地控制应用中变更的检测和管理。输入:使用 Signals 精细回应。Angular 提供了一组新的响应式 API,通过 Signals 提供一流的开发者体验。信号可实现精细的更改检测,该功能仅检查一小部分组件树是否传播状态变化,因此您不必再手动优化界面。

如今,基于信号的响应式 API 开箱即可使用。 精细的更改检测将于今年晚些时候推出。

10. 使用 Maps JavaScript API 打造 3D 沉浸式体验

我们正在将仿真 3D 地图引入到 Google Maps Platform 中熟悉的 Maps JavaScript API,从而解锁更多打造沉浸式 Web 体验的方式。现在,您可以利用 Google 的渲染技术,以用户期望的速度提供丰富的 3D 地图。最棒的是,只需一行代码即可开始使用。

我们迫不及待地想看到您打造的令人惊叹的沉浸式体验! 了解详情


每一天,您都在突破开发的复杂性,挑战极限。我们很高兴能帮助您为所有人打造新的体验。请访问 developer.chrome.comweb.dev,详细了解这个让它变得更容易的强大 Web 应用。 请务必通过 XYouTube 以及 LinkedIn 与我们联系。

期待在下次 I/O 大会上与您相会!