Quay lại danh sách case study
Toi uu hieu nang render danh sach lon
Xu ly van de giat lag khi hien thi bang danh sach hang nghin dong du lieu tren trinh duyet.
Bối cảnh
Trang quan tri admin hien thi danh sach hang ngan nguoi dung cung luc tren mot bang.
Vấn đề cần xử lý
Trinh duyet bi lag nang va tang bo nhho tam thoi do DOM phai tao qua nhieu phan tu node.
Hướng xử lý đề xuất
Ap dung giai phap phan trang (pagination), infinite scroll hoac ao hoa danh sach (virtualization).
Câu trả lời mẫu khi phỏng vấn
Em se de xuat chia nho du lieu bang phan trang hoac su dung virtualization de chi render nhung dong dang hien thi tren man hinh, giup tiet kiem bo nho va tang toc do render cua DOM.
Trade-off
Ap dung virtualization se phuc tap hon ve mat code va co the gap van de ve chieu cao dong dong.
Kết quả kỳ vọng
Cai thien ro ret toc do tai trang, giam thieu su dung memory cua trinh duyet.
Bài học khi trả lời phỏng vấn
Khong bao gio render truc tiep qua nhieu phan tu DOM cung mot luc ma kh co chien luoc phan phoi.