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

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

Cách hoạt động

Khi bạn cuộn một trang và có độ trễ đến mức trang đó không cảm thấy được gắn vào ngón tay bạn, thì hiện tượng này được gọi là hiện tượng giật khi cuộn. Nhiều khi bạn gặp hiện tượng giật khi cuộn, thủ phạm chính là 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ỷ hoàn toàn thao tác cuộn khi tương tác với Google Maps được nhúng. Hiện tại, các 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, các 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

Xem blog Chromium để biết thông tin tổng quan ở cấp cao về cách hoạt động của trình nghe sự kiện thụ động:

Các 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 quy cách để tìm hiểu cách triển khai trình nghe sự kiện thụ động:

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