Lazy Loading & Tối ưu Hình ảnh
Lazy loading trì hoãn việc tải hình ảnh cho đến khi chúng gần viewport, cải thiện tốc độ tải ban đầu. HTML native: loading="lazy". Liên quan: srcset cho responsive images, WebP/AVIF cho format hiện đại nhỏ hơn 25-50%.
⚡Tại sao quan trọng
Hình ảnh thường chiếm 50%+ trọng lượng trang. Lazy loading cải thiện LCP cho trang có nhiều ảnh. WebP giảm kích thước 25-35% so với JPEG, AVIF giảm 50%.
🔍AiSEO kiểm tra thế nào
AiSEO kiểm tra loading="lazy" trên hình ảnh dưới fold, srcset cho responsive, format (ưu tiên WebP/AVIF), width/height để tránh CLS, và alt text cho accessibility.