First Contentful Paint (FCP)
Tóm tắt
FCP là thời điểm chữ hoặc hình ảnh đầu tiên xuất hiện trên màn hình. Tốt là ≤1,8 giây ở phân vị 75; trên 3 giây là kém. Đây là chỉ số chẩn đoán, không phải Core Web Vital.
Giải thích đơn giản
Bạn mở một trang và nhìn màn hình trắng trơn. FCP là thời gian màn hình trắng đó kéo dài trước khi có thứ gì hiện ra.
First Contentful Paint đo thời gian từ lúc bắt đầu điều hướng đến khi trình duyệt hiển thị nội dung đầu tiên trong DOM: chữ, hình ảnh (kể cả ảnh nền), SVG hoặc canvas không trắng. Ngưỡng ở phân vị 75: tốt ≤1,8 giây, cần cải thiện 1,8-3 giây, kém >3 giây.
FCP không thuộc ba Core Web Vitals, nhưng nằm trên đường đến LCP: phần tử lớn nhất không thể hiển thị trước phần tử đầu tiên. FCP chậm thường do máy chủ phản hồi chậm (TTFB), CSS hoặc JavaScript chặn hiển thị trong <head>, hoặc web font ẩn chữ trong lúc tải.
Cách sửa: giảm thời gian phản hồi máy chủ, inline CSS quan trọng và trì hoãn phần còn lại, thêm defer hoặc async cho script, dùng font-display: swap, và preconnect tới các origin trang cần.
⚡Tại sao quan trọng
Màn hình trắng là thứ đầu tiên người dùng đánh giá. Nếu vài giây không có gì xuất hiện, nhiều người rời đi trước khi nội dung chính (LCP) kịp tải.
🔍CiteStat kiểm tra thế nào
CiteStat hiển thị FCP người dùng thật của trang từ Chrome UX Report dưới kết quả quét, và đo FCP trong lab bằng PageSpeed Insights.
Điểm CiteStat
FCP thực tế chỉ hiển thị, không tính điểm. FCP trong lab trừ tối đa 2 điểm trong nhóm Performance.
Độ 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