Loại bỏ “Không sử dụng trình nghe bị động để cải thiện hiệu suất cuộn”

16/06/2023
Sau khi thiết kế website xong, bạn cần tối ưu tốc độ để đáp ứng các tiêu chuẩn của PageSpeed Insights và có thể sẽ gặp vấn đề google page speed cảnh báo đỏ như sau: “Không sử dụng trình nghe bị động để cải thiện hiệu suất cuộn” Tiếng anh sẽ là “Does not use passive listeners to improve scrolling performance“.

TRÌNH NGHE BỊ ĐỘNG  – PASSIVE LISTENERS LÀ GÌ?

Trình lắng nghe sự kiện thụ động là một tiêu chuẩn web mới, tính năng mới được cung cấp trong Chrome 51 cung cấp một tiềm năng lớn cho hiệu suất cuộn. Bạn có thể đọc thêm bài này từ google để hiểu rỏ hơn Vấn đề: Tất cả các trình duyệt hiện đại đều có tính năng cuộn luồng để cho phép cuộn chạy trơn tru ngay cả khi JavaScript nặng đang chạy, nhưng tối ưu hóa này lại có nhược điểm là phải chờ kết quả bất kỳ trình xử lý touchstart và touchmove nào có thể ngăn cuộn hoàn toàn bằng cách gọi preventDefault() trong sự kiện.

CÁCH ĐỂ KIỂM TRA CẢNH BÁO “KHÔNG SỬ DỤNG TRÌNH NGHE BỊ ĐỘNG ĐỂ CẢI THIỆN HIỆU SUẤT CUỘN” Ở ĐÂU?

Với những cảnh báo về tối ưu website thì bạn có thể kiểm tra tại website PageSpeed Insights được chính Google cung cấp. Bạn có thể lên Google tìm kiếm từ khóa PageSpeed Insights hoặc truy cập trực tiếp tại đây Google PageSpeed Insights. Sau đó bạn chỉ cần gỏ địa chỉ website của bạn có đầy đủ https, rồi nhấn vào phân tích thì sau đó Google sẽ đưa ra các cảnh báo mà website bạn đang mắc phải làm chậm tốc độ website của mình.

Lỗi không sử dụng trình nghe bị động để cải thiện hiệu suất cuộn
Lỗi không sử dụng trình nghe bị động để cải thiện hiệu suất cuộn

Nói thêm một chút thì công cụ kiểm tra tốc độ website sẽ đưa ra các vấn đề toàn diện trên website của bạn ở 2 nền tảng mobile và desktop. Cho nên khi bạn tối ưu website bạn cần phải tối ưu ở cả 2 nền tảng khác nhau.

GIẢI PHÁP TỐI ƯU TRÌNH NGHE BỊ ĐỘNG NÀY LÀ GÌ?

Bạn có thể thêm đoạn code này vào file functions.php của bạn, sau đó xóa cache và check lại website là sẽ loại bỏ được nó.

Code sửa lỗi không sử dụng trình nghe bị động để cải thiện hiệu suất cuộn
Code sửa lỗi không sử dụng trình nghe bị động để cải thiện hiệu suất cuộn

Vậy là bạn đã bỏ qua được cảnh báo Sử dụng trình nghe bị động để cải thiện hiệu suất cuộn

Đánh giá - Bình luận
0 bình luận, đánh giá về Loại bỏ “Không sử dụng trình nghe bị động để cải thiện hiệu suất cuộn”

TVQuản trị viênQuản trị viên

Xin chào quý khách. Quý khách hãy để lại bình luận, chúng tôi sẽ phản hồi sớm

Trả lời.
Thông tin người gửi
Click vào đây để hiện ô bình luận
Nhấn vào đây để đánh giá
Thông tin người gửi
Liên hệ với chúng tôi
x

Tặng bạn 3 slideshow nếu đăng ký trong ngày hôm nay.

x
Nhập thông tin dưới để lấy mã nhanh
0.03610 sec| 2292.578 kb