Có những hôm ngồi test cái web app do chính tay mình viết, 5 phút đầu lướt mượt như bôi mỡ nhưng cứ để người dùng bấm qua lại giữa các trang tầm nửa tiếng là trình duyệt bắt đầu thở dốc. Task Manager nhảy vọt lên 3GB RAM cho đúng một tab, frame rate tụt từ 60fps xuống còn 15fps trông đến nản. Mà thôi, nói vậy hơi cực đoan, thực ra nhiều anh em trên https://zolachat.com/ cũng hay tặc lưỡi cho qua kiểu "Thời đại này RAM máy tính toàn 16GB đến 32GB, trình duyệt tự dọn rác lo gì". Tư duy đấy cực kỳ nguy hiểm đấy anh em ạ. Bản chất của Memory Leak trong SPA dùng React hay Vue là khi một component đã unmount khỏi màn hình nhưng xác của nó vẫn nằm lì trong RAM do còn vương vấn tham chiếu tới GC Root. Bộ thu gom rác của V8 Engine thấy vẫn có mối nối nên cứ tưởng hữu ích và không thèm xóa. Quen tay nhất là việc quên gỡ bỏ Event Listener, setInterval trong các useEffect hoặc onUnmounted, khiến mỗi lần chuyển trang là một đống hàm rác chạy ngầm dưới nền. Đừng có ngồi đoán mò mất thời gian, cứ lôi ngay Chrome DevTools ra mà bắt bệnh cho chuẩn. Mình hay mở Performance Monitor bằng tổ hợp phím Ctrl + Shift + P, tích chọn JS Heap Size và DOM Nodes rồi thao tác mở đóng modal chục lần. Nhìn cái đồ thị tăng dần đều theo hình bậc thang mà không chịu quay về vạch xuất phát sau khi bấm nút dọn rác là biết ngay app đang bị leak nặng. Chuyển tiếp sang tab Memory chụp vài cái Heap Snapshot so sánh theo chỉ số Delta là lòi ngay ra mấy cái Detached DOM Elements. Cách giải quyết gốc rễ là luôn viết cleanup function cẩn thận, ví dụ như trong React thì return hàm removeEventListener hoặc dùng AbortController để hủy request pending, còn Vue 3 thì clearInterval trong onUnmounted cho sạch sẽ. Thậm chí dùng thêm WeakMap cho các bài toán cache dữ liệu để khi object mất đi là tự động bay màu khỏi RAM luôn mà không cần gọi hàm xóa tay. Nói chung làm web app mượt mà hay không ngoài chuyện tối ưu ảnh ọt thì cách quản lý bộ nhớ RAM mới là thước đo tay nghề. Đọc lại mấy dòng này trên https://zolachat.com/ mới thấy hồi xưa mình cũng gà mờ bỏ quên biết bao nhiêu cái cleanup function ngớ ngẩn. Mà không biết mấy ông ở đây khi check lỗi này ngoài Chrome DevTools ra thì còn hay dùng tool profiling nào khác không đấy?