Chrome 60 新功能

Pete LePage

需要完整的異動清單嗎？請參閱 Chromium 原始碼存放區變更清單

我是 Pete LePage一起來深入探索 Chrome 60 為開發人員推出的新功能！

繪製時間 API

使用者瀏覽網頁時，會留意一些視覺回饋，確保一切運作正常。有了新的繪製時間 API 就可以測量

API 公開兩項指標：

  • 首次繪製時間 - 標示瀏覽器開始轉譯內容的點，也就是螢幕上的第一個內容。
  • 首次顯示內容所需時間 - 標示瀏覽器從 DOM、文字、圖片等擷取第一個位元的內容時，所標示的點。

請參閱善用影響使用者體驗的成效指標一文，瞭解如何追蹤這些指標，並運用這些指標改善使用體驗。

CSS font-display 屬性

Web Fonts 提供豐富的字體排版功能。但如果使用者還沒有該字體，應用程式就必須下載該字體，否則可能會導致網站顯示速度緩慢。

幸好，如果字型下載時間過長，大部分的瀏覽器都會採用備用選項。新的 font-display 屬性可讓您控制可下載字型在完全載入之前的算繪方式。

  • auto 採用使用者代理程式採用的任一字型顯示策略。
  • block 能使字型面臨短暫的區塊週期和無限跳轉週期。
  • swap 的字型為零秒區塊，且會有無限跳轉週期。
  • fallback 能使字型面臨極小的區塊週期和短暫交換期。
  • optional 使字型的區塊大小極小，切換期間則為零秒。

Chrome 60 和 Opera 支援這項功能，而且 Firefox 也正在開發中。 詳情請參閱「使用 font-display 控製字型效能」一文。

WebAssembly

Web Assembly 或 wasm 可讓您以近乎原生的速度，執行以 C 和 C++ 等語言寫成的網頁程式碼。

可提供所需的速度，讓您建構瀏覽器內影片編輯器，或利用現有的標準網路平台 API，以高畫面更新率執行 Unity 遊戲。

歡迎前往 webassembly.org 取得更多資訊，包括示範、說明文件和入門指南。

還有更多獎品等著您！

  • 新 WebBudget API 可讓具備推播通知權限的網站傳送有限數量的推送訊息，這類訊息會觸發背景工作，例如同步處理資料或關閉通知，而不需要顯示使用者可見的通知。
  • PushSubscription.expirationTime 現已推出，可通知網站訂閱項目的到期日及到期日。
  • 系統現在支援物件靜態與分散屬性，可以更輕鬆地合併和淺複製物件，並實作各種不可變動的物件模式。

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

這些只是 Chrome 60 為開發人員設計的部分異動，

接著訂閱我們的 YouTube 頻道，每當我們推出新影片時，您都會收到電子郵件通知。

我是 Pete LePage，每當 Chrome 61 推出，我就會立即 向大家說明 Chrome 的新功能！