proto.lib

Core Web Vitals - LCP, INP, CLS

RUM agent đo Largest Contentful Paint, Interaction to Next Paint và Cumulative Layout Shift để đánh giá trải nghiệm người dùng thực.

ObservabilityCơ bản2026-07-17
Core Web Vitals - LCP, INP, CLS

Tags

#core-web-vitals#rum#lcp#inp#cls#frontend

Tài liệu tham khảo

Mở rộng

Animation gốc là một file HTML tự chứa, có thể nhúng lại ở bất kỳ trang nào khác. Mở file gốc

Liên quan

ObservabilityCơ bản

RUM - Real User Monitoring

RUM thu thập Core Web Vitals và lỗi thực tế ngay trên trình duyệt của người dùng để đo trải nghiệm thật, không phải benchmark giả lập.

#rum#core-web-vitals#frontend#browser
ObservabilityTrung bình

Đo SLI từ đâu: metrics, trace, log, và tại điểm nào

Cùng một chỉ số khả dụng đo từ metrics (rẻ, đầy đủ, thô), từ trace (chi tiết từng request nhưng có sampling), hoặc từ log (chính xác nhưng đắt) sẽ cho ba con số khác nhau; và việc đo tại client, load balancer hay service cũng đổi luôn ý nghĩa của con số, vì một 200 OK ở phía service không nói lên gì về người dùng mà kết nối đã đứt giữa đường.

#sli#metrics#tracing#logging
ObservabilityNâng cao

Liên kết RUM với Trace backend (client → server)

Khi người dùng báo 'trang chậm', browser tự bắt đầu (hoặc tham gia) một trace và propagate trace context qua các API call của nó, giúp nối span thời gian tải trang phía client (DNS/TLS/TTFB/render) với đúng trace backend đã xử lý request đó.

#rum#distributed-tracing#trace-context#w3c-traceparent