Cải thiện hiệu suất cuộn bằng trình nghe sự kiện thụ động

Kayce Basques

Mới có trong Chrome 51, trình nghe sự kiện thụ động là một tiêu chuẩn web mới nổi, giúp tăng hiệu suất cuộn một cách đáng kể, đặc biệt là trên thiết bị di động. Hãy xem video dưới đây để xem minh hoạ song song về các điểm cải tiến:

Cách hoạt động

Khi bạn cuộn một trang và có độ trễ khiến trang không cảm thấy được neo vào ngón tay của bạn, đó được gọi là hiện tượng giật khi cuộn. Nhiều khi bạn gặp phải hiện tượng giật khi cuộn, nguyên nhân là do trình nghe sự kiện chạm. Trình nghe sự kiện chạm thường hữu ích để theo dõi hoạt động tương tác của người dùng và tạo trải nghiệm cuộn tuỳ chỉnh, chẳng hạn như huỷ toàn bộ thao tác cuộn khi tương tác với Google Maps được nhúng. Hiện tại, trình duyệt không thể biết liệu trình nghe sự kiện chạm có huỷ thao tác cuộn hay không, vì vậy, trình duyệt luôn đợi trình nghe hoàn tất trước khi cuộn trang. Trình nghe sự kiện thụ động giải quyết vấn đề này bằng cách cho phép bạn đặt cờ trong tham số options của addEventListener cho biết trình nghe sẽ không bao giờ huỷ thao tác cuộn. Thông tin đó cho phép trình duyệt cuộn trang ngay lập tức, thay vì sau khi trình nghe hoàn tất.

Tìm hiểu thêm

Hãy xem blog Chromium để biết thông tin tổng quan về cách hoạt động của trình nghe sự kiện thụ động:

API mới giúp nhà phát triển cải thiện hiệu suất cuộn

Và kho lưu trữ của thông số kỹ thuật để tìm hiểu cách triển khai trình nghe sự kiện thụ động:

Giải thích về trình nghe sự kiện thụ động