Chrome 52 Beta：CSS containment、更简单的性能测量、服务工作线程的流化响应以及...

truthrudy

除非另外注明，否则，下面介绍的更改均适用于最新 Chrome Beta 渠道版（Android、Chrome 操作系统、Linux、Mac 和 Windows）。

CSS Containment
丰富的交互体验是网络的基石，但因其复杂性有时需要花很长时间才能渲染。目前，Chrome 通过使用启发式算法确定已更改的页面部分来提升渲染性能。仅更新已更改的部分，而不是每秒钟对整个页面进行 60 次渲染。不过，由于元素可能显示在其父项的边界外，因此，更改某个元素可能会影响文档中其他位置的元素。这就显著增加了 Chrome 在渲染时必须考虑的元素数量。

本版本新增了一项特性，即：CSS contain 属性让开发者可以防止元素的子项显示在其边界以外。在元素更新时，此保证允许 Chrome 在渲染时忽略父节点以外的任意元素，从而提高渲染速度。

性能观测程序
收集准确的实际用户测量 (RUM) 数据对检测可能会损害用户网站体验的性能问题和回退至关重要。Chrome 的 DevTools 允许进行本地网站测试，但是，由于实际用户使用各种设备，因此衡量网站的表现可能很难。最新版本的 Chrome 支持 PerformanceObserver API，后者可以在运行时以简单并且高性能的方式收集 RUM 数据。无需轮询更新，网站可以声明其感兴趣的指标。当这些指标的新数据点可用时，浏览器会通知网站。

ReadableStreams 支持的服务工作线程响应
Streaming HTTP 响应允许浏览器在整个响应可用之前逐步渲染大型 HTML 文档较早的部分。最新版本的 Chrome 通过添加流支持改进了服务工作线程。通过将 ReadableStream 传递到 Response 构造函数，网站可以使用 Streams API 构建流化 Response 对象。

网络推送协议和 VAPID 支持
推送通知让网络应用可以更好地重新吸引用户，但直到现在，对于不同的浏览器，开发者必须使用专用推送消息传递服务和不同的 API。Chrome 现在支持 VAPID（一个使用推送服务对网站的服务器进行身份验证的开放标准）。使用 VAPID 时，网站会获得一个 Firebase 云消息传递端点，其支持跨浏览器网络推送协议。

此版本中的其他特性

• 现在，Chrome 在显示模态对话框时会暂停动画。
• HTTP 备选服务允许网站指定可用于到达特定资源的其他域，从而更轻松地进行协议升级和负载平衡。
• 通过使用 ImageBitmapOptions 指定构造配置，可以更轻松地创建 ImageBitmaps。
• 现在，通过使用 ImageBitmap.close()，网站可以释放 ImageBitmap 消耗的内存。
• 通过使用 font-variant-caps 和 font-variant-numeric 属性，Chrome 现在支持 OpenType 小型大写字母以及更简单的数字样式。
• 除非与点按手势对应，否则跨域 iframe 中的触摸手势不再触发弹出窗口，从而防止在滚动期间出现意外的弹出窗口。
• 现在，只有安全的域能够在 Chrome（Android 版）上创建或删除安全 cookie。
• 最新版本的 Chrome 支持 -webkit-appearance:none，后者禁用 HTML5 meter 元素的默认渲染，并允许使用更简单的自定义 CSS 样式。
• unsafe-dynamic 内容安全政策表达式允许网站使用单一用途或基于哈希的白名单验证脚本源，从而能够更轻松地防止跨域脚本攻击。
• 网站现在可以使用 Fetch API 以编程方式为请求设置引用站点政策。
• CanvasRenderingContext2D 现在支持 filter 属性，从而允许网站将效果应用于绘制到画布上的原语。
• 通过使用 IDBKeyRange.includes()，网站现在可以测试某个键是否位于 IDBKeyRange 边界内。
• HTMLMediaElement.srcObject 属性简化了 MediaStream 与媒体元素的关联。
• AudioParam 现在支持只读 min 和 max 属性，以简化自检机制。
• RTCCertificates 现在可以存储在 IndexedDB 中。
• PannerNode 和 AudioListener 现在支持自动化方法，从而可实现平滑的音频过渡。
• 现在，通过使用八位和四位十六进制值（而不是更长的 rgba() 语法），样式表可以指定颜色的 alpha 值。
• 网站现在可以使用永久存储进行试验（作为来源试验），让网站可以在加入书签后禁用自动存储清除功能。
• 现在，在默认媒体控件中，多个 WebVTT 轨道将呈现为用户选项，从而支持用户选择字幕语言。
  

• 表单 postMessage(message,transferables,targetOrigin) 的 postMessage 重写已被弃用。
• MediaStream 结束事件和对应的 onended 属性已被弃用。
• 网络应用清单图标入口不再支持密度属性。
• 左右以外的鼠标按钮不再触发点击事件。
• DynamicsCompressorNode.reduction 属性现在是一个只读浮点，而不是一个 AudioParam。
• 具有 position:absolute 的 flexbox 子项现在将使用 justify 和 align 确定位置，不过前提是此元素没有指定的 left:、 right:、 top: 或 bottom: 位置。
• requestAutocomplete() 因使用量低已被弃用和删除。
• X-Frame-Option 在 meta 标记中不再受支持，以支持更安全的实现。
• 现在，无效的 track-kind 值被视为 metadata（而不是 subtitles）以改进旧用户代理中的媒体行为。
  

发布人：Shubhie Panicker，Performance Powerhouse