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

作为有史以来最大的开放生态系统，Web 是一个规模庞大的公众产业。如今，互联网上有超过 15 亿家活跃网站，为全球近 45 亿 Web 用户提供服务。用户在站点之间跳转时会获得一种独特的体验，仿佛整个 Web 世界已经融为一体。在刚刚举行的 Chrome 开发者峰会（CDS）上，人们关注的重点是如何为开发者提供多样化的能力，以满足用户的不同需求。[本文][1]作者为大家介绍了本次 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 应用程序，从而持续为平台带来为数众多的举措，包括：

JS中文网 – 前端进阶资源教程 www.javascriptC.com
一个致力于帮助开发者用代码改变世界为使命的平台，每天都可以在这里找到技术世界的头条内容

• 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/

JS中文网 – 前端进阶资源教程 www.javascriptC.com
一个致力于帮助开发者用代码改变世界为使命的平台，每天都可以在这里找到技术世界的头条内容

在这个领域，我们还有很多工作正在进行中，我们迫不及待地想看看你们使用这些功能构建了怎样的内容。你可以在我们的博客上阅读有关支持最新 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 加入自己的构建管道，以充分了解他们所做的更改效果及其对站点质量的影响。

JS中文网 – 前端进阶资源教程 www.javascriptC.com
一个致力于帮助开发者用代码改变世界为使命的平台，每天都可以在这里找到技术世界的头条内容

让浏览器适合每一位用户

我们相信，无论用户的设备类型、联网速度或购买力如何，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 中的“我们“干杯。

JS中文网 – 前端进阶资源教程 www.javascriptC.com
一个致力于帮助开发者用代码改变世界为使命的平台，每天都可以在这里找到技术世界的头条内容

作者：Dion Almaer
链接：https://blog.chromium.org/2019/11/chrome-dev-summit-2019-elevating-web.html