2023 Google 开发者大会：Web平台新动向

  
前言

在前不久的 2023 Google 开发者大会中，谷歌提出了更加强大且开放的 Web，而且还可以可以简化开发工作并支持 AI。Google 资深开发技术推广工程师兼 Chrome 开发技术推广部主管 Paul Kinlan 在 2023 Google 开发者大会解说了 Google 推出的新功能，包罗在 Web 开发值得重点关注的升级与效果以及 Web 怎样实现加速开发。本文主要围绕 Google 在 Web 平台中的一些新特性睁开形貌，希望你能有所劳绩。
一、Open in WordPress playground

WordPress playground 是Google应用商店中的一款扩展程序，它实际是一个使用WebAssembly（WASM）在浏览器运行wordpress的项目，让用户无需搭建当地开发情况即可快速测试插件和主题。

WebAssembly可以或许从 C++、C#、Kotlin 甚至 Swift 编写的应用中提取代码，并让代码在 Web 平台上运行。WebAssembly 如今支持 Kotlin 和 Dart，可让 Android 和 Flutter开发者使用其优势，在重用现有代码的同时，使用原生性能在 Web 上吸引新的用户。
二、WebGPU

颠末多年的开发，Chrome 团队推出了WebGPU（Web图形化处理器），它允许在网络上进行高性能的3D图形和数据并行计算，减轻浏览器的JavaScript工作负载，并将机器学习模型推理的性能进步三倍，让浏览器3D性能大发作！最终让浏览器游戏出现具有很多不同对象的高度具体的场景。
目前很多广泛使用的 WebGL 库已经逐步实现 WebGPU 支持，好比Babylon.js等Javascript3D库中的现有游戏也将得到改进；PlayCanvas 宣布初步支持WebGPU；TensorFlow.js 支持大多数运营商的WebGPU优化版本。Three.js的WebGPU支持正在进行中。
在渲染性能上，WebGPU比webGL快3倍以上，在计算性能上，WebGPU比webGL快50倍以上。
三、新的核心 Web 指标INP

INP是Interaction to Next Paint的简写，翻译过来就是与下一次绘制的交互。2023 Google 开发者大会中Paul Kinlan提到INP将于2024年3月成为谷歌的核心Web要素指标之一，它将取代FID指标，成为核心Web要素指标。 它是一种网站性能度量指标，用于衡量用户界面的相应性，即网站对用户的交互（如点击或按键）作出反应的速度，意味着较差的INP可能会影响我们的谷歌排名。INP的优劣的规则该怎样判读呢？具体如下所示：

四、Webview

Google 开发人员通过Webview（视图）的方式将网络的内容整合到应用程序，而且在性能和安全性方面进行了重大的更新，改善了用户体验。当你处于一个分屏的试图模式 可以将Webview中的图片拖到不同的应用程序当中，这个 Google 在改善应用程序中使用网络体验做出的浩繁改动改善之一，固然如果因为时间关系Webview有的时候超出了自己预期，Google Chrome 技术团队提供了两个很棒的选项：
1、Custom Tabs

Custom Tabs（自界说标签）为应用程序提供了一个非常好的方式 可以与用户首选的浏览器进行无缝且安全的集成，从而无需使用Webview。用户可以表保留自己的书签 汗青记录和暗码，而且还可以自界说标签。在使用自界说标签时，浏览器标签叠加会覆盖整个屏幕，那么你可以自界说标签叠加的高度，让用户可以同时与应用程序和网络内容同时交互。
2、JavaScriptEngine

Google Chrome 发布的JavaScriptEngine阿法版，与其他JavaScript引擎的解释实行原理不同，它直接将JavaScript编译成二进制代码再实行，性能非常强悍。它可以让你的应用程序可以在不创建Webview实例的情况下评估JavaScript以及WebAssembly代码，而且最重要的是它在不同的进程中运行，从而成为应用程序当中运行JavaScript的一种非常安全又稳固的方式。
五、Passkeys

2023 Google 开发者大会中Paul Kinlan讲到他非常喜好Passkeys的一点就是用户可以快速的使用它来重新进行身份验证。拥有Passkeys 的用户可以将生物识别传感器，好比指纹、面孔、屏锁设置或实体安全密钥安全地登录 Google 账号，从而不需要去记着和管理每个暗码，体系可以或许自动的帮用户进行暗码的管理。通行密钥提供强大有效的掩护机制，可防范钓鱼式攻击等威胁。一旦创建了通行密钥，即可用它轻松登录 Google 帐号，以及在做出敏感更改时验证身份。这比传统的需要暗码而且还有的要的进行双重验证要简单的多。可以进行以下设置：

点击创建通行密钥，之后就可以进行设置了。

六、View Transitions API

调用startViewTransition()时，Google Chrome 允许在每个阶段记录一张快照，可以在不同的页面状态之间进行一个顺滑的转换，它是实现真正的类似原生的一个流畅的体验。具体使用如下：

1. document.startViewTransition(() =>  触发DOM变化);

复制代码

这个API非常适用像视频如许交互式的媒体，用户的体验也黑白常精彩的！目前阿里巴巴在西班牙的这个零售平台已经使用了这个API。
七、Google Chrome开发者工具优化

Google Chrome 在开发者工具中推出了一些新的功能，可以资助大家更快的查明标题，减少调试网站的时间，这里先容以下几个方面：
1、覆盖HTTP的相应标头

以前我们需要访问网络服务器才能对HTTP的标头进行设置，如今我们可以在网络的面板中直接去覆盖相应标头，而且还可以加自界说标头。
2、改变stack trance

我们调试框架的时候常常会看到不相干的stack trance，这实在是来自于框架自己的，而不是来自于开发者的代码，以是 Google 开发团队改进了stack trance，去除多余的内容，因为我们只是关注编写的代码，其他都去除了，包罗第三方的代码。
八、Baseline

Google 与其他互助伙伴一起推出Baseline，尝试建立一个稳固、可预期的视图，如许就可以不消再凭空推测功能是否使用。每年都会推出一个Baseline版本，而且其兼容性非常精彩，目前已经在NPM发布。
总结

Web 每年都带来新的发展和变化，包罗性能的不停提升以及不停新增的功能和特性，使得网络应用程序可以提供更丰富、更交互式的用户体验。Google 在这个领域提供了一系列强大的工具和解决方案，资助开发者充分使用这些新的技术解决项目中标题。这些工具和解决方案不但可以资助开发者满足特定的项目需求，还可以确保他们的网站在各种设备和浏览器上都可以或许提供最佳的性能和用户体验。
如果你想具体了解 2023 Google 开发者大会，那么精选专题演讲回放视频千万别错过。
链接直达：https://marketing.csdn.net/p/8b1b4b3f5f0fe4c3cdf1c2d5e42a05c3
而对于想要深入研究、学习大会知识点的朋友，Google 官方打造的 Google 开发者在线课程是一个绝妙的学习平台，让你体系把握大会技术新知，助你学习事半功倍。
https://developers.google.cn/learn/pathways?hl=zh-cn&utm_source=csdn

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。