Tối ưu hiệu năng tìm kiếm danh sách sản phẩm

Áp dụng kỹ thuật Debounce cho ô input tìm kiếm để giới hạn thời gian gọi API chỉ khi người dùng dừng gõ khoảng 300ms.

Khi gặp bài toán này, em nhận thấy việc gọi API liên tục theo từng phím gõ là không tối ưu. Em đã áp dụng hàm debounce tự viết hoặc dùng từ lodash để trì hoãn việc gọi API, đồng thời kiểm tra nếu từ khóa quá ngắn thì không gọi để giảm tải cho server.

Đánh đổi một chút độ trễ phản hồi (300ms) để đổi lấy hiệu năng mượt mà và giảm đáng kể số lượng request lên server.

Giảm được 80% số lượng request thừa lên server và giao diện không còn hiện tượng giật lag khi gõ nhanh.

Học được tầm quan trọng của việc quản lý tần suất sự kiện người dùng và kỹ thuật tối ưu Frontend cơ bản.