使用被動事件監聽器改善捲動效能

被動事件監聽器是新在 Chrome 51 版本中推出的網路標準,可大幅提升捲動效能,特別是行動裝置。歡迎觀看下方影片,並同時示範改善功能的實際運作情形:

運作方式

捲動頁面時,因為網頁無法感覺到手指的位置延遲,就是所謂的捲動卡頓。遇到捲動卡頓時,原因通常是觸控事件監聽器。觸控事件監聽器通常適合用於追蹤使用者互動和建立自訂捲動體驗,例如在與嵌入的 Google 地圖互動時徹底取消捲動。目前瀏覽器無法得知觸控事件監聽器是否會取消捲動,因此一律會等到事件監聽器完成之後,才捲動頁面。 被動事件監聽器可以在 addEventListeneroptions 參數中設定標記,指出事件監聽器一律不會取消捲動,藉此解決這個問題。以便瀏覽器立即捲動頁面,而不是在事件監聽器完成設定後捲動頁面。

瞭解詳情

如需被動事件監聽器的運作方式簡介,請參閱 Chromium 網誌:

協助開發人員改善捲動效能的新 API

以及規格的存放區,瞭解如何實作被動事件監聽器:

被動事件監聽器說明