Chrome 60 的新功能

皮特·莱佩奇

想要查看更改的完整列表？查看 Chromium 源代码库变更列表

我是 Pete LePage。我们来深入了解一下，看看 Chrome 60 会为开发者带来哪些新功能！

绘制时间 API

当用户导航到网页时，会寻找一些视觉反馈，以便确信一切运行正常。借助新的绘制时间 API 我们现在可以衡量这一点

该 API 公开了两个指标：

  • 首次绘制时间 - 它标记了浏览器开始渲染某些内容的时间点，即屏幕上的第一段内容。
  • 首次内容渲染的时间 - 标记了浏览器从 DOM、文本、图片等渲染第一位内容的时间点。

请查看利用对用户体验影响最大的性能指标，了解如何跟踪这些指标并使用它们来改善用户体验。

CSS font-display 属性

借助网络字体，您可以整合丰富的排版。但是，如果用户还没有相应字体，则需要下载该字体，这可能会导致您的网站显示速度变慢。

幸运的是，如果字体的下载时间过长，大多数浏览器会使用回退机制。借助新的 font-display 属性，您可以控制可下载字体在完全加载之前如何呈现。

  • auto 使用用户代理使用的任何字体显示策略。
  • block 为字体提供了较短的阻止期和无限的交换期。
  • swap 为字体指定零秒的阻止期，以及无限的交换期。
  • fallback 为字体提供了极短的阻止期和较短的交换期。
  • optional 为字体提供了极短的阻止期和零秒的交换期。

Chrome 60 和 Opera 支持该插件，而且 Firefox 支持这一功能。 如需了解详情，请参阅使用 font-display 控制字体性能。

WebAssembly

Web Assembly 或 wasm 提供了一种新的方式，可让您以近乎原生的速度运行使用 C 和 C++ 等语言在网络上编写的代码。

它提供构建浏览器内视频编辑器或利用基于标准的现有网络平台 API 以高帧速率运行 Unity 游戏所需的速度。

您可以在 webassembly.org 上找到更多信息，包括演示、文档以及如何开始使用。

还有更多其他奖励！

  • 借助新的 Web Budget API，具有推送通知权限的网站可以发送有限数量的推送消息，这些推送消息会触发同步数据或关闭通知等后台工作，而无需显示用户可见的通知。
  • PushSubscription.expirationTime 现已可用，用于通知网站订阅何时以及是否过期。
  • 现在支持对象静止和扩展属性，从而简化了对象的合并和浅层克隆，以及实现各种不可变的对象模式。

注意：Payment Request API 已推送到 Chrome 61。

以上只是针对开发者的 Chrome 60 变化的一部分。

然后订阅我们的 YouTube 频道；每当我们发布新视频时，您都会收到电子邮件通知。

我叫 Pete LePage