Chrome 60 新功能

Pete LePage

如需完整的變更清單，查看 Chromium 原始碼存放區變更清單

我是 Pete LePage，讓我們一起來看看 Chrome 60 版為開發人員提供哪些新功能！

Paint timings API

當使用者前往網頁時，他們會尋找一些視覺回饋，以確保一切運作正常。有了新的 Paint Timings API，我們現在可以進行評估。

API 會公開兩個指標：

  • 首次繪製時間：標示瀏覽器開始算繪內容的時間，也就是畫面上顯示的首個內容位元。
  • 首次顯示內容所需時間：這是指瀏覽器從 DOM、文字、圖片等來源算出第一個內容位元時的時間。

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

CSS font-display 屬性

您可以使用 Web Fonts 加入豐富的字體排版。不過，如果使用者沒有字型，系統就必須下載，這可能會導致網站載入速度變慢。

值得慶幸的是，如果字型下載時間過長，大多數瀏覽器都會使用備用字型。新的 font-display 屬性可讓您控制下載字型的顯示方式，在字型完全載入前即可顯示。

  • auto 會使用使用者代理程式使用的任何字型顯示策略。
  • block 會為字型面提供簡短的區塊時間和無限的交換時間。
  • swap 會為字型面指定零秒的區塊週期和無限的交換週期。
  • fallback 會為字型面指定極短的區塊時間和短暫的交換時間。
  • optional 會為字型面提供極短的區塊時間和零秒的交換時間。

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

WebAssembly

WebAssembly (或 wasm) 提供一種新方法，可在網路上以接近原生速度執行以 C 和 C++ 等語言編寫的程式碼。

這項功能可提供必要的速度，讓您使用現有的標準型網頁平台 API 建構瀏覽器內影片編輯器，或以高幀率執行 Unity 遊戲。

如需更多資訊，請前往 webassembly.org，包括示範、說明文件和如何開始使用。

還有其他眾多資源！

  • 新的 Web Budget API 可讓擁有推送通知權限的網站傳送數量有限的推送訊息，這些訊息可觸發背景工作，例如同步處理資料或關閉通知，而無須顯示使用者可見的通知。
  • PushSubscription.expirationTime 現已推出，可通知網站訂閱項目何時和是否會到期。
  • 現已支援物件 rest 和 spread 屬性，可簡化物件的合併和淺層克隆作業，並實作各種不可變的物件模式。

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

以上只是 Chrome 60 開發人員版的部分變更。

接著訂閱我們的 YouTube 頻道，就能在我們發布新影片時收到電子郵件通知。

我是 Pete LePage，Chrome 61 一推出，我就會馬上在這裡告訴你 Chrome 有哪些新功能！