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

Paul Kinlan
Paul Kinlan

今年 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 大会上与您相会!