1. Sử Dụng Định Dạng Ảnh Hiện Đại WebP & AVIF
Hình ảnh thường chiếm đến 70% dung lượng trang web. Việc nén và tối ưu hóa ảnh thông qua thẻ Next.js Image component giúp giảm dung lượng tệp tin đáng kể.
🚀 Mẹo tối ưu: Sử dụng định dạng ảnh WebP để tăng tốc độ tải trang lên đến 40% so với JPG truyền thống.
2. Cơ Chế Incremental Static Regeneration (ISR)
ISR cho phép các trang được tĩnh hóa sẵn (static generation) đồng thời tự động làm tươi nội dung ở phía background mà không làm chậm tốc độ phản hồi trang web.
3. Giảm Thiểu Mã JavaScript Nhàn Rỗi (Code Splitting)
Tận dụng Dynamic Import trong React để chỉ tải các component nặng khi người dùng cuộn tới vị trí tương ứng.