[Web翻译]谷歌宣布推出新的Chrome浏览器开发者工具,以减少页面加载并构建类似原生应用的体验

705 阅读6分钟

原文地址:www.xda-developers.com/google-anno…

发布时间:2019年11月11日

我们可能会从使用我们的链接进行的购买中赚取佣金。

二十年前,谷歌以网络搜索引擎起家,但今天,它主导着我们如何体验和与网络互动。谷歌搜索本身就占据了大部分的在线使用量,但其他产品,如世界上最流行的浏览器--谷歌浏览器,以及最常用的移动操作系统--安卓系统,使谷歌在网络的其他利益相关者中处于领先地位。使用移动设备上网的用户比例增加,互联网巨头对减少加载时间以确保粘性的重视也在增加。AMP或加速移动页面是谷歌为确保网页加载速度而采取的一个步骤。去年,它还引入了一种被称为 "门户 "的网络元素,以优化网页之间的 "无缝 "切换。

本着 "让加载消失 "的愿景,谷歌今天在Chrome Dev Summit 2019上宣布了新的开发者工具,让网页更安全、更友好,同时也提高了帮助开发者提升用户群以及收入的机会。

门户网站

谷歌展示了Portals自今年早些时候在Google I/O上推出以来所取得的进展,并在Chrome Canary中的一个标志后面实现。为了刷新你的记忆,Portals允许开发者像iframe一样将某些内容或整个网页嵌入到另一个网页中。为了消除任何等待时间,当用户仍在浏览初始网页时,Portal或框架内的内容就会加载。

视频播放器

谷歌分享了一个电影票务服务Fandango的例子,在这个例子中,某部电影(例子中的Joker)的登陆页面被绑定在一个Portal里面。当用户点开Joker时,下一个页面的呈现已经完全加载。

网络捆绑

谷歌宣布推出Web Bundles,旨在帮助网络开发者通过各种媒介与他人分享他们的网络内容,包括但不限于电子邮件、USB或FTP。开发者将能够使用API(如Background Periodic SyncContent Indexing)有效地缓存打算分享的整个网络内容,然后有选择地渲染所需内容,即使最终用户没有连接到互联网。为了让网络开发者能够利用这一功能,谷歌将在Chrome浏览器标志后面提供Web Bundles,而这两个API将作为原生试用版提供。

类似于本地的网络体验

在意识到大量用户使用手机上网的同时,谷歌也承认全球范围内的跨设备使用模式。这几年来,谷歌一直在推渐进式网络应用(PGA)作为原生Android应用的替代品,目的是减少加载时间和数据消耗。

视频播放器

为了使网络上的应用与原生应用保持一致,谷歌宣布为开发者提供三项新功能。这三项功能分别是

  1. 短信接收器,它将允许Web应用程序获取基于短信的验证码,就像应用程序可以。在上面的视频中,你可以看到印度订餐服务Swiggy的网页版如何无缝地建议用户利用通过短信接收的验证码。
  2. 联系人选取器,它将让用户以类似于WhatsApp等消息应用上的联系人分享的方式,将联系人上传到Web应用上。
  3. 原生文件系统API,该功能将赋予网络应用从用户设备中读取文件和文件夹并直接保存更改的权限和设施。这一功能的潜在应用可能包括在线文本编辑器、照片和视频编辑器,甚至是基于网络的IDE等。

这些API也将作为谷歌Chrome浏览器的原点试用版。

为开发者提供新的指标和指导

为了帮助了解网络的总体 "健康状况",谷歌与HTTP档案馆合作,宣布了一个名为 "网络年鉴 "的项目。在85位专家的指导下,该项目旨在寻求关于网络上最好和最差做法的可操作数据的见解和可视化趋势。

该任务涉及审查近600万个网站,之后这些专家将他们关于改善用户体验的方法的结论浓缩在20个章节中。这种做法将作为 "年度传统 "重复进行,以便《年鉴》仍然是网络开发者的资源指南。

与此同时,谷歌还将推出两个新的指标,帮助开发者优化网站的最佳实践。这两项指标分别是

  1. 最大内容画(LCP),即网页的 "感知 "加载时间。简单来说,就是 "观点中可见的最大元素 "的加载时间。这将量化网页上关键元素的加载速度,以便开发人员消除任何形式的滞后。LCP是针对用户与页面交互之前的时间计算的,所以这里的目的是尽可能地减少加载延迟。
  2. Cumulative Layout Shift (CLS),用于衡量网页的稳定性。它可以帮助开发人员确定在页面加载时,按钮或特定图像等元素在可查看部分的位置变化频率。因此,CLS可以帮助开发人员消除这种令人沮丧的元素在页面加载时改变位置的问题。这个指标依赖于 "布局偏移得分",它衡量的是页面元素在加载过程中发生偏移的倾向,从而给用户带来困扰。布局偏移得分最好为零--或至少尽可能接近零--以确保用户的无障碍体验。

为了帮助开发者实现网站的最佳性能、可访问性和效率,谷歌将Lighthouse Stack Packs的范围扩大到各种框架。除了Lighthouse已经支持的WordPress和Next.js之外,Google还将增加对AMP、Angular、React以及专门为电子商务网站服务的CMS Magento等框架的支持。

改善内存管理,提高隐私性,增强控制力

谷歌宣称正在投入时间、精力和金钱来补救谷歌Chrome浏览器最大的抱怨之一,那就是内存消耗。除了致力于改善内存管理外,他们还在不断提高Chrome浏览器的性能,以确保所有的人无论 "他们的设备类型或网速或购买力如何",都能继续访问网络。

在隐私方面,谷歌Chrome浏览器的下一个版本即ver79将改进cookies的处理方式。这包括在Incognito模式下的新标签页上增加一个新的切换,以帮助用户更好地控制第三方cookies。设置页面也将进行调整,使这一切换在常规模式下易于访问。

谷歌正在进一步努力进入隐私沙盒的开发,隐私沙盒被定义为一套为改善在线隐私而制定的开放标准。隐私沙盒的目的是让网站在部署cookies时,不会因为广告而让用户感到不堪重负或不安全,同时还能找到阻止指纹的方法。


通过( www.DeepL.com/Translator )(免费版)翻译