Chrome 60 的新功能

Pete LePage

想要查看更改的完整列表？查看 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 预算 API，具有推送通知权限的网站可以发送有限数量的推送消息，这些推送消息可以触发后台工作（如同步数据或关闭通知），而无需显示用户可见的通知。
  • PushSubscription.expirationTime 现已推出，用于通知网站订阅何时到期以及是否到期。
  • 现在支持对象静态和展开属性，从而简化了对象合并和浅层克隆以及实现各种不可变对象模式的操作。

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

Chrome 60 面向开发者的改进只是冰山一角。

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

我叫 Pete LePage，一旦 Chrome 61 发布 我就会在这里向大家介绍 Chrome 中的新变化