Web Vitals Live
Đo Core Web Vitals của chính trang này trên thiết bị bạn qua PerformanceObserver.
Core Web Vitals
Thời gian render element lớn nhất visible. Web.dev target: ≤ 2.5s.
Latency lớn nhất giữa input → next paint. Target: ≤ 200ms (thay FID 2024).
Tổng visual shift unexpected. Target: ≤ 0.1 (unitless).
Các chỉ số phụ
Pixel đầu tiên có content. Target: ≤ 1.8s.
Server response time. Target: ≤ 800ms.
Lab data và field data khác nhau ở đâu
Lab data (như /lab/pagespeed): Lighthouse giả lập trên server Google với throttle 4G + Moto G4. Đồng nhất giữa các lần đo nhưng không phải dữ liệu thật.
Field data (trang này hoặc CrUX trên PageSpeed): đo thật trên thiết bị user. Khác nhau theo mỗi browser, mạng, CPU. Đây là số Google thực sự dùng cho SEO ranking.
Để cải thiện: tap/click vào các phần tử trên trang này để đo INP, scroll để trigger layout shifts.
Số đo thật trên chính thiết bị bạn đang dùng
Công cụ này đo cái gì
PerformanceObserver của trình duyệt được dùng để bắt các chỉ số của chính trang này trong lúc nó tải trên máy bạn: thời điểm hiển thị khối nội dung lớn nhất, tổng độ dịch chuyển bố cục, độ trễ tương tác lấy xấp xỉ theo sự kiện dài nhất, cùng với thời điểm hiển thị nội dung đầu tiên và thời gian nhận byte đầu tiên lấy từ dữ liệu điều hướng. Bên cạnh là thông tin thiết bị gồm trình duyệt, số luồng xử lý, dung lượng bộ nhớ khai báo, loại kết nối và kích thước khung nhìn.
Khi số đo giả lập không đủ tin
Khi bạn muốn một phép đo trên đúng cấu hình máy và đúng đường mạng của mình, thay vì môi trường giả lập của công cụ chấm điểm. Khi người dùng kêu chậm mà công cụ đo lại cho điểm cao, và bạn cần một điểm tham chiếu ở giữa. Khi kiểm nhanh cảm giác mượt sau một thay đổi ở tầng giao diện.
Ngưỡng đánh giá
Các ngưỡng lấy theo web.dev và được tính ở phân vị 75 của người dùng thật. Khối nội dung lớn nhất tốt khi dưới 2500 mili giây và kém khi vượt 4000. Độ dịch chuyển bố cục tốt khi dưới 0,1 và kém khi vượt 0,25. Độ trễ tương tác tốt khi dưới 200 mili giây và kém khi vượt 500. Nội dung đầu tiên tốt khi dưới 1800 mili giây. Byte đầu tiên tốt khi dưới 800 mili giây.
Vì sao vài ô bị bỏ trống
Ô độ trễ tương tác sẽ trống cho tới khi bạn thật sự bấm hoặc chạm vào trang, vì không có tương tác thì không có gì để đo. Độ dịch chuyển bố cục cộng dồn theo thời gian nên hãy xem lại con số sau khi đã cuộn hết trang. Một lần đo trên một máy không đại diện cho người dùng thật, và con số Google dùng để xếp hạng là dữ liệu gộp 28 ngày từ trình duyệt Chrome của người dùng thật. Safari không hỗ trợ đầy đủ các loại quan sát này nên vài ô sẽ trống, đó là giới hạn của trình duyệt chứ không phải lỗi.
Số đo ở lại trong trình duyệt. Mọi con số lấy trực tiếp từ giao diện lập trình hiệu năng của trình duyệt và chỉ hiển thị tại chỗ; không có phép gửi về máy chủ, không ghi nhật ký, không lưu lại giữa các lần tải trang.
Câu hỏi thường gặp
Web Vitals Live đo trên máy của ai?
Đo ngay trên thiết bị và đường mạng của chính bạn qua PerformanceObserver, khác PageSpeed Insights vốn chạy giả lập trên máy chủ Google.
LCP, CLS, INP là gì?
LCP là thời gian hiển thị khối nội dung lớn nhất, CLS là tổng độ dịch chuyển bố cục ngoài ý muốn, INP là độ trễ lớn nhất giữa một tương tác và lần vẽ tiếp theo.
Vì sao số đo ở đây khác PageSpeed Insights?
PageSpeed dùng dữ liệu lab đo giả lập với điều kiện mạng và CPU cố định, còn trang này đo dữ liệu field thật trên đúng máy và mạng của bạn.
Vì sao vài chỉ số hiện trống?
INP cần có tương tác thật như bấm hoặc chạm mới đo được, và Safari không hỗ trợ đầy đủ các loại quan sát hiệu năng nên vài ô sẽ trống trên trình duyệt đó.
