10月26号,了解如何7天上架一个语聊房应用 了解详情
写点什么

2019 年 Chrome 开发者峰会亮点:让所有用户告别加载延迟

2019 年 11 月 13 日

2019年Chrome开发者峰会亮点:让所有用户告别加载延迟

作为有史以来最大的开放生态系统,Web 是一个规模庞大的公众产业。如今,互联网上有超过 15 亿家活跃网站,为全球近 45 亿 Web 用户提供服务。用户在站点之间跳转时会获得一种独特的体验,仿佛整个 Web 世界已经融为一体。在刚刚举行的 Chrome 开发者峰会(CDS)上,人们关注的重点是如何为开发者提供多样化的能力,以满足用户的不同需求。本文作者为大家介绍了本次 CDS 的一些要点。


扩展 Web 的功能和用途

我们的目标是让所有用户告别加载延迟。


在今年的 I/O 大会上,我们预览了 Portals,这项新技术使开发人员可以预渲染内容并按需将其嵌入到页面中,以改变用户在 Web 上跳转页面的方式,从而创造无缝的体验。我们很高兴看到像 Fandango 这样的早期合作伙伴已经开始在他们的网站上测试这种新的导航风格。Portals 位于 chrome://flags/#enable-portals 标志后,供开发人员试验。



Fandango 网站的 Portals 演示


在今年的 CDS 上,我们还预览了 Web Bundles,这是一种基础架构 API,开发人员可以通过它以任何格式(电子邮件、FTP 甚至 USB)分发他们的 Web 内容,而内容本身不会有任何改动。这种技术不仅能够以闪电般的速度交付 Web 内容,而且即使用户处于脱机状态,也可以实现点对点内容分发。将来,诸如 后台定期同步(Background Periodic Sync) 和 内容索引(Content Indexing) 之类的 API,将使开发人员可以主动缓存和显示相关的 Web 内容,即使用户没有 Internet 连接也能继续浏览页面。现在,Web Bundles 已经可以在实验标志后可用,而另外两项新技术现在可以通过 Origin Trials 使用。


Web 内容的消费从未像现在这样多样化。在发展中市场中,“移动优先”潮流的兴起已是既定事实。我们还看到,在全球范围内的年轻用户群中,跨设备计算也在增长。我们在努力让这一平台变得足够强大,以使开发人员创造出用户所期望的现代化体验,同时充分发挥 Web 的便利性优势。我们在集中精力开发功能强大的 Web 应用程序,从而持续为平台带来为数众多的举措,包括:


  • SMS 接收器(SMS Receiver):允许 Web 应用程序获取双因素验证短信。https://web.dev/sms-receiver-api-announcement/

  • 内容拾取器(Contact Picker):允许人们将 Web 内容共享到其联系人列表中,从而将社交媒体和通信功能引入 Web 应用程序。https://web.dev/contact-picker/

  • 原生文件系统 API:使 Web 应用程序可以直接读取或保存对用户设备上的文件和文件夹所做的更改。这使开发人员可以构建功能强大、能够与用户本地设备上的文件交互的应用程序,例如 IDE、照片、视频编辑器和文本编辑器等。https://web.dev/native-file-system/


在这个领域,我们还有很多工作正在进行中,我们迫不及待地想看看你们使用这些功能构建了怎样的内容。你可以在我们的博客上阅读有关支持最新 Web 体验的最新情报。


无论使用框架还是 CMS,都能走向成功

作为 Web 开发人员,我们正在集体经历一段旅途,为人们提供最佳且独特的 Web 体验。在这种集体责任的背景下,关于 Web 运行状况的准确、可行的数据变得越来越重要。


CDS 为我们提供了一个检查点,可以用来了解我们的工作方式,并就下一步方向展开讨论。我们可以使用 HTTP Archive,了解 Web 的构建方式;使用“Chrome 用户体验报告”,获知 Web 的用户体验情况。在过去的一年中,使用快速的"First Contentful Paint"和“First Input Delay“(我们的加载和交互性的核心指标)的网站比例呈现了增长的趋势。


用户体验质量的衡量是多方面的,今天我们引入了两个新指标,使开发人员可以全面了解其网站的运行情况。它们分别是 Largest Contentful Paint(用户看到最有意义的页面内容的速度有多快)和 Cumulative Layout Shift(感知到的页面稳定性)。


现在,数据本身虽然很有用,但是可以带来修复和改进的见解则更有价值。我们经常被问到“我该如何处理这些信息?”我们与社区中的许多专家合作制作了 Web 年鉴,使开发人员可以全面了解 Web 的运行状况。我们今天发布了超过 17 个章节,未来还会分享更多这样的见解。



开发人员在非常努力地朝着正确的方向改善他们的性能指标,因此我们正在寻找方法来奖励那些更进一步的开发人员。我们分享了一些早期探索成果,在 Chrome 用户界面中的速度信号。



左侧:较慢网站中显示的加载界面信息;右侧:较快网站中显示绿色的进度条。


框架、库和 CMS 构成了开发者生态系统的重要组成部分,我们在热情地支持他们为用户创建即时和无缝体验的旅程。今年早些时候,我们为 WordPress 和 React 创建了 Lighthouse Stack Packs,以支持他们的开发者生态系统创建快速且可靠的站点,今天我们进一步扩大了这一技术的覆盖范围,新增对 Angular、AMP 以及电子商务 CMS、Magento 的支持,为使用各种工具的开发人员都带来了更具可行性的见解。


我们很高兴看到 Framework Fund(框架基金)支持了许多有意义的项目,这些项目可以让开发者更容易实现性能目标。我们还期待今年能有更多项目获得基金的资助。


最后,我们发布了 Lighthouse CI,为开发人员提供针对每个拉取请求的见解。开发人员可以迅速将 Lighthouse CI 加入自己的构建管道,以充分了解他们所做的更改效果及其对站点质量的影响。



让浏览器适合每一位用户

我们相信,无论用户的设备类型、联网速度或购买力如何,Web 都属于每一个人。为了确保所有人都能使用这一平台,我们正在投资改善浏览器的性能和内存占用,引入了诸如图像延迟加载之类的新功能——该功能现在对 Chrome Lite 用户默认可用;另一项功能名为 Paint Holding,即将在 Chrome 中推出。


Web 必须是让所有人感到安全和可信赖的场所。为了进一步改进围绕 HTTPS 加密的举措,我们正在与社区合作,开始默认阻止所有混合内容——也就是 HTTPS 页面上不安全的 HTTP 子资源,同时还在测试 DNS over HTTPS,这一协议通过加密浏览器和 DNS 提供商之间的流量来提供更好的安全和隐私水平。


我们还会遵守我们在 I/O 大会上的承诺,使我们现有的第三方 Cookie 控件更加可见。从 Chrome M79 Beta 版本开始,我们正在尝试使用一个开关来控制新隐身标签页上的第三方 Cookie。我们还正在重新设计设置页面,以便用户在常规模式下更轻松地访问这一控件。最后,除了在改善现有 Cookie 基础架构方面继续取得进展外,我们还将继续开发“隐私沙箱”技术,这是一种内容安全的环境,还可以保护用户的隐私。


我们要感谢整个 Web 社区在平台上的持续投入。我们相信提升每位用户的 Web 体验是我们的集体责任,本着这种精神,让我们为 Web 中的“我们“干杯。


原文链接:


https://blog.chromium.org/2019/11/chrome-dev-summit-2019-elevating-web.html


2019 年 11 月 13 日 18:522061
用户头像
王文婧 InfoQ编辑

发布了 126 篇内容, 共 63.4 次阅读, 收获喜欢 259 次。

关注

评论

发布
暂无评论
发现更多内容

高效程序员的七个好习惯——你有吗?

小谈

程序员 面试 JVM springboot SpringCloud

架构师训练营 第五周 作业

Poplar

Kafka 消息丢失与消费精确一次性

古月木易

kafka

阿里技术官:这样带你学Spring全家桶,其实没你想的那么难

小吴选手

spring Spring Cloud Spring Boot

区块链正处于手脚并用攀爬的“攻坚时刻”

CECBC区块链专委会

数据上链 市场选择

四面阿里巴巴回来分享面经总结,定级P7架构师

小吴选手

架构 技术 面试 Spring Boot 阿里

信创舆情一线--印度封禁59款中国App

统小信uos

App 舆情 印度

测试开发工程师修炼手册—测试技能大盘点

Zoe

测试工程师产出

猿灯塔:疫情冲击,去体验远程面试被怼10分钟,今年Java开发找工作真难

猿灯塔

架构师训练营第4周总结

aoeiuvzcs

nightingale安装详解

曾祥斌

java基础思维导图,让java不再难懂 (建议收藏))

码哥小胖

面试 Spring Boot Java 分布式

AndroidStudio真机调试 - Waiting for Debugger

麦洛

Android Studio 真机调试

太阳马戏团在疫情下的组合式创新

石云升

商业模式 组合式创新 思想实验

系统架构师week04 Homework - 互联网架构技术手段和方案

尔东雨田

极客大学架构师训练营

自动特征工程在推荐系统中的研究

天枢数智运营

人工智能 推荐系统

一致性hash

彭阿三

一致性hash

Kafka 消息丢失与消费精确一次性

奈学教育

kafka

原创 | TDD工具集:JUnit、AssertJ和Mockito (二十五)运行测试-在IDE中运行测试

编程道与术

Java intellij-idea 编程 TDD 单元测试

五分钟让你搞懂Nginx负载均衡原理及四种负载均衡算法

架构大数据双料架构师

分布式柔性事务之最大努力通知事务详解

奈学教育

分布式事务

听说你还没学Spring就被源码编译劝退了?30+张图带你玩转Spring编译

程序员DMZ

spring Spring源码编译

游戏夜读 | 互动剧的黎明到了?

game1night

java架构-一些设计上的基本常识

猿灯塔

Java

ThreadPoolExecutor 线程池使用

郭儿的跋涉

线程 多线程 线程池

忘掉 Snowflake,感受一下性能高出 587 倍的全局唯一 ID 生成算法

穿甲兵

Go redis 架构 分布式 CAP

马匹、马镫、马车,和华为的数据基础设施革新

脑极体

分布式柔性事务之最大努力通知事务详解

古月木易

分布式事务

向女朋友解释乐观锁与悲观锁的小妙招!

小闫

spring 面试 Spring Cloud 乐观锁 悲观锁

理解 Mysql 索引底层原理只需这一篇就够了

小谈

MySQL 数据结构 面试 Spring Cloud Spring Boot

Redis分布式锁课堂开课了!

小闫

redis Spring Cloud Redis项目

2019年Chrome开发者峰会亮点:让所有用户告别加载延迟-InfoQ