Tại sao cần tối ưu hiệu suất?
Khi ứng dụng React phát triển, bundle size tăng lên đáng kể. Lazy Loading là kỹ thuật quan trọng giúp giải quyết vấn đề này.
Sử dụng React.lazy() và Suspense
React cung cấp React.lazy() cho phép chúng ta load component theo nhu cầu. Kết hợp với Suspense, bạn có thể hiển thị fallback UI khi component đang được tải.
Kết quả đạt được
Sau khi áp dụng Lazy Loading, thời gian tải trang giảm 40-60%.