Trình biểu diễn hình ảnh Core Web Vitals: Hình dung Core Web Vitals của bất kỳ trang web nào
RUM Visualizer là một tiện ích mở rộng Chrome được phát triển bởi MarketingTracer. Nó cho phép người dùng hình dung các yếu tố Web cốt lõi cho bất kỳ trang web nào. Với tiện ích này, bạn có thể dễ dàng truy cập và hiểu các chỉ số quan trọng như Largest Contentful Paint (LCP), First Input Delay (FID), Cumulative Layout Shift (CLS), First Contentful Paint (FCP), Interaction to Next Paint (INP) và Time To First Byte (TTFB).
Phần mở rộng cung cấp một loạt các tính năng cho mỗi chỉ số. Đối với LCP, bạn có thể nhận giá trị RUM, hình dung LCP và phân tích thành các thành phần như Time to First Byte, Resource Load Delay, Resource Load Time và Element Render Delay. Tương tự, đối với FID, bạn có thể nhận giá trị RUM, hình dung FID và khám phá phân tích của nó.
Giá trị CLS có thể được lấy và phân tích được hiển thị và hoạt hóa. Giá trị FCP cũng có thể được truy cập và phân tích. Giá trị INP có thể được hình dung và phân tích được khám phá. Giá trị TTFB có thể được lấy và phân tích.
Ngoài những tính năng này, phần mở rộng cũng cung cấp các tùy chọn gỡ lỗi dễ dàng. Bạn có thể mô phỏng điều kiện mạng chậm (3g) và bật hoặc tắt bộ nhớ cache cho trang hiện tại. Những tùy chọn này giúp xác định và giải quyết các vấn đề về hiệu suất.
Phần mở rộng đã trải qua một số cập nhật, với phiên bản 1.2 thêm thông tin LCP chi tiết, phiên bản 1.4 giới thiệu menu bên trái và thông tin bổ sung về các tài nguyên chặn hiển thị, và phiên bản 1.5 bao gồm cải tiến mã và bố cục và thử nghiệm trang. Phiên bản 1.6 mang đến một phân tích INP tốt hơn và cải tiến mã nhỏ, và phiên bản 1.7 cho phép người dùng ghi lại sự kiện, tác vụ dài và khung hoạt hình dài vào bảng điều khiển trong quá trình phân tích INP.
Với Core Web Vitals Visualizer, nhà phát triển web và những người yêu thích hiệu suất có thể có những thông tin quý giá về hiệu suất của bất kỳ trang web nào và tối ưu hóa nó để cải thiện trải nghiệm người dùng.
