Largest Contentful Paint (LCP)
Tóm tắt
Thời gian render phần tử lớn nhất trên viewport — mục tiêu ≤2.5 giây. Hero image hoặc khối text chính thường là LCP element.
Giải thích đơn giản
Khi bạn mở một trang web, LCP đo bao lâu cho đến khi "cái quan trọng nhất" hiện ra — thường là ảnh lớn hoặc tiêu đề chính. Dưới 2.5 giây = nhanh, trên 4 giây = chậm.
LCP đo thời gian render phần tử nội dung lớn nhất hiển thị trong viewport. Phần tử LCP thường là hero image, video poster, hoặc khối text lớn. Ngưỡng tốt: ≤2.5 giây, cần cải thiện: 2.5-4 giây, kém: >4 giây.
LCP bị ảnh hưởng bởi 4 yếu tố: Server Response Time (TTFB), Resource Load Time (hình ảnh, fonts), Render Blocking Resources (CSS, JS), và Client-Side Rendering.
Cách tối ưu: preload LCP image, optimize server (TTFB < 800ms), lazy load ảnh dưới fold nhưng KHÔNG lazy load LCP element, sử dụng CDN, optimize image format (WebP/AVIF), inline critical CSS, và fetchpriority="high" cho LCP image.
⚡Tại sao quan trọng
LCP là Core Web Vital quan trọng nhất cho perceived load speed. Trang có LCP ≤2.5s mang lại trải nghiệm tải trang tốt cho 75% người dùng. Mỗi 100ms LCP chậm hơn, conversion giảm 1.3% (Vodafone case study).
🔍AiSEO kiểm tra thế nào
AiSEO đo LCP qua PageSpeed Insights API và CrUX, xác định phần tử LCP, và đề xuất tối ưu: preload images, optimize TTFB, inline critical CSS, và fetchpriority="high".
Điểm AiSEO
Đóng góp tối đa 15 điểm trong nhóm Performance. LCP: 5đ — ≤2.5s: 5đ, 2.5-4s: 2.5đ, >4s: 0đ.
Độ khó sửa
Biên tập viên: Không áp dụng | Lập trình viên: Trung bình | AI Agent: Trung bình