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

在 Chrome 51 中,新增了被動事件事件監聽器,這是一種新興的網路標準,可大幅提升捲動效能,尤其是在行動裝置上。請觀看以下影片,瞭解改善功能的實際運作方式:

運作方式

當您捲動頁面時,如果頁面有延遲,讓您感覺頁面並未固定在手指上,這就是所謂的捲動卡頓。許多時候,當您遇到捲動卡頓時,罪魁禍首就是觸控事件監聽器。觸控事件監聽器通常可用於追蹤使用者互動情形,以及建立自訂捲動體驗,例如在與嵌入式 Google 地圖互動時,完全取消捲動。目前,瀏覽器無法得知觸控事件監聽器是否會取消捲動,因此會在監聽器完成後才捲動頁面。為瞭解決這個問題,您可以使用被動事件監聽器,在 addEventListeneroptions 參數中設定標記,表示監聽器絕不會取消捲動。有了這項資訊,瀏覽器就能立即捲動網頁,而非在事件監聽器完成後才捲動。

瞭解詳情

請參閱 Chromium 網誌,概略瞭解被動事件監聽器的運作方式:

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

並參閱規格說明的存放區,瞭解如何實作被動事件監聽器:

被動事件監聽器說明