Sơn có nội dung đầu tiên (FCP)

First Contentful Paint, thường được viết tắt là FCP, là một phần mềm thước đo hiệu suất web FCP (Time to First Byte) đo thời gian từ khi trang bắt đầu tải đến khi trình duyệt hiển thị nội dung đầu tiên có thể nhìn thấy trên màn hình, chẳng hạn như văn bản, hình ảnh hoặc màu nền. Thời gian này được đo bằng giây hoặc mili giây và phản ánh xác nhận trực quan đầu tiên của người dùng rằng trang thực sự đang tải, trái ngược với việc nhìn chằm chằm vào màn hình trắng trống rỗng và tự hỏi liệu có điều gì đang xảy ra hay không. Đó là lý do tại sao nó được phân loại là một trong những chỉ số trải nghiệm tải trang cốt lõi được theo dõi trong các công cụ như Google Lighthouse và Chrome User Experience Report. FCP khác với Time to First Byte, chỉ đo thời gian phản hồi của máy chủ trước khi bất kỳ quá trình hiển thị nào bắt đầu, vì phản hồi nhanh của máy chủ vẫn có thể đi kèm với FCP chậm nếu các tập lệnh hoặc bảng định kiểu chặn hiển thị làm chậm trình duyệt vẽ bất cứ thứ gì lên màn hình.

FCP (Fear Intractor Content) rất quan trọng vì tốc độ cảm nhận ảnh hưởng mạnh mẽ đến việc khách truy cập có ở lại trang hay rời đi trước khi trang tải xong. Nghiên cứu từ Google và các nghiên cứu hiệu suất độc lập khác đã nhiều lần chỉ ra rằng khi thời gian tải trang tăng lên, xác suất thoát trang cũng tăng mạnh, với độ trễ chỉ từ một đến ba giây cũng làm tăng đáng kể khả năng khách truy cập rời đi trước khi bất kỳ nội dung nào xuất hiện trên màn hình. Vì FCP ghi lại khoảnh khắc người dùng lần đầu tiên nhìn thấy bằng chứng về sự tiến triển của trang, nó trực tiếp định hình ấn tượng ban đầu về độ tin cậy và chất lượng kỹ thuật của thương hiệu, đặc biệt là đối với khách truy cập lần đầu đến từ quảng cáo trả phí hoặc kết quả tìm kiếm, những người không có lòng trung thành hoặc sự quen thuộc trước đó khiến họ không thể kiên nhẫn chờ đợi quá trình tải chậm ban đầu và những người này sẽ chỉ đơn giản là thử liên kết của đối thủ cạnh tranh.

FCP được đo lường thông qua cả các công cụ trong phòng thí nghiệm, chẳng hạn như Google Lighthouse hoặc WebPageTest, mô phỏng quá trình tải trang trong điều kiện mạng và thiết bị được kiểm soát một cách lặp lại, và các công cụ thực tế, chẳng hạn như Báo cáo Trải nghiệm Người dùng Chrome được truy cập thông qua Google Search Console hoặc PageSpeed ​​Insights, tổng hợp dữ liệu FCP thực tế được thu thập từ người dùng Chrome thực sự truy cập trang trong điều kiện mạng thực sự khác nhau. Google thường phân loại FCP dưới 1.8 giây là tốt, từ 1.8 đến 3 giây là cần cải thiện và trên 3 giây là kém, mặc dù các ngưỡng này chỉ là hướng dẫn chứ không phải là yêu cầu tuyệt đối, vì hiệu suất chấp nhận được cũng phụ thuộc rất nhiều vào điều kiện thiết bị và mạng điển hình của đối tượng người dùng thực tế của trang web trong thị trường cụ thể của nó.

Một quan niệm sai lầm phổ biến là chỉ số FCP (Floor Contentful Paint) cho thấy một trang web hoàn toàn có thể sử dụng được, trong khi thực tế nó chỉ xác nhận rằng một số nội dung đã xuất hiện, chứ không phải trang đó có tương tác hay nội dung chính, có ý nghĩa của nó, chẳng hạn như hình ảnh sản phẩm hoặc tiêu đề, đã thực sự được hiển thị; các chỉ số liên quan như Largest Contentful Paint và Time to Interactive mới ghi lại những cột mốc quan trọng hơn, diễn ra sau đó. Một lỗi thường gặp khác là tối ưu hóa FCP thông qua các kỹ thuật cải thiện điểm số đo được trong phòng thí nghiệm mà không cải thiện trải nghiệm cho người dùng thực, ví dụ như hiển thị ngay lập tức một màn hình mẫu hoặc khung sườn tạm thời trong khi nội dung có ý nghĩa thực sự vẫn tải chậm sau đó, điều này có thể tạo ra điểm số FCP tốt một cách sai lệch cùng với trải nghiệm thực tế gây khó chịu cho người truy cập.

Trong tư vấn CRO và UX, FCP và các chỉ số Core Web Vitals liên quan thường được đánh giá sớm trong bất kỳ cuộc kiểm tra kỹ thuật nào, bởi vì các trang tải chậm sẽ làm giảm mọi chỉ số chuyển đổi tiếp theo bất kể trang đó được thiết kế tốt đến đâu, và bởi vì kể từ năm 2021, các tín hiệu trải nghiệm trang bao gồm hiệu suất tải đã được tính đến trong thuật toán xếp hạng tìm kiếm của Google, kết nối trực tiếp công việc cải thiện hiệu suất với cả tỷ lệ chuyển đổi và khả năng hiển thị tự nhiên cùng một lúc. Các chiến lược khắc phục phổ biến bao gồm tối ưu hóa và nén hình ảnh, giảm JavaScript và CSS gây chặn hiển thị trên đường dẫn hiển thị quan trọng, tận dụng bộ nhớ đệm của trình duyệt và sử dụng mạng phân phối nội dung, tất cả đều thường được khuyến nghị thực hiện song song với, chứ không phải thay thế cho, công việc CRO tập trung vào thiết kế và nội dung sâu hơn đang diễn ra trên cùng một trang. Bởi vì sự suy giảm hiệu suất thường xuất hiện dần dần khi các tập lệnh và thẻ của bên thứ ba mới được thêm vào theo thời gian, việc giám sát liên tục thay vì chỉ sửa lỗi một lần thường là cần thiết để giữ FCP trong phạm vi chấp nhận được.