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

今年 8 月,互联网问世了 35 岁。几代开发者共同打造了这项不可思议的技术,并为我们的生活带来了无数创新。而现在,AI 技术诞生了新一代。我们的开发者主旨演讲和 I/O 大会专题演讲中公布了 10 项激动人心的功能,它们将指导您如何打造功能更强大的 Web 应用,从而更轻松地开发应用。

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

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

欢迎注册我们的早期预览版计划,帮助我们塑造 Web 的未来。

2. 无论您使用何种 AI 模型,WebAssembly 和 WebGPU 都能支持设备端 AI

我们进行了大量投资,通过使用 WebGPU 和 Wasm(在网络上支持设备端 AI 的支柱技术)来确保 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. 查看适用于多页网站的 Transitions API

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

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

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

7. 直接在工作流中打造基准工具

将基准集成到工作流中时效果最佳。从今天开始,Akamai 的 RUM Archive 将为开发者提供 RUM Archive Insights 的新工具。我们首次可以并排查看使用相应 Baseline 版本解锁的 Baseline 版本和功能的全球用户份额。

8. Angular 中的部分水合功能可提高性能

我们相信,构建和部署 Web 应用的最佳平台之一是 Angular。我们目前正在努力实现部分水合,因此 JavaScript 将仅在需要时加载应用的部分内容并进行水合,从而显著提高对性能敏感型应用的 Core Web Vitals。请在接下来的几周内 在开发者预览版中了解相关信息

9. 使用 Signals 实现 Angular 的精细反应,开箱即用

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

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

10. 在 Maps JavaScript API 中打造 3D 沉浸式体验

通过将仿真 3D 地图引入 Google Maps Platform 中熟悉的 Maps JavaScript API,我们将解锁更多构建沉浸式网络体验的方式。现在,您可以利用 Google 的渲染技术,以用户期望的速度提供内容丰富的 3D 地图。最棒的是,您只需编写一行代码即可开始使用。

期待您将打造出令人惊叹、身临其境的体验! 了解详情


您每天都在突破开发的复杂性,挑战可能的极限。我们很高兴能帮助您打造适合所有人的新体验。如需详细了解这个能够简化的强大 Web 应用,请访问 developer.chrome.comweb.dev。 不要忘了通过 XYouTube 和现在的 LinkedIn 联系我们。

期待下次 I/O 大会!