Cách bật benchmark HUD trên Google Chrome để đo chỉ số hiệu suất

Hướng dẫn chi tiết cách bật HUD trên Google Chrome để đo chỉ số hiệu suất cho cách trang web. Ý nghĩa các chỉ số của benchmark HUD. Click để xem ngay !

Google Chrome từ lâu đã không còn xa lạ với bất kỳ ai trong chúng ta. Và gần đây nhất ứng dụng này đã cho ra đời một tính năng mới mang tên benchmark HUD, nhằm cho phép máy tính hiển thị chỉ số hiệu suất của các trang web khác nhau. Vậy làm cách nào để kích hoạt benchmark của Chrome? Hãy cùng mình tìm hiểu ngay thôi nào!

1. Cách bật benchmark HUD bằng flag

Bước 1: Mở tính năng Show performance metrics in HUD

Nhập chrome://flags lên thanh địa chỉ của Google Chrome > Nhập Show performance metrics in HUD vào ô tìm kiếm.

Tìm kiếm hộp thoại hiển thị HUD

Bước 2: Kích hoạt HUD

Tại dòng chữ Show performance metrics in HUD nhấn dấu mũi bên phải > Chọn Enabled.

​

Kích hoạt HUD

2. Cách bật benchmark HUD bằng tiện ích mở rộng

Bước 1: Thêm tiện ích mở rộng Web Vitals

Truy cập tiện ích mở rộng Web Vitals TẠI ĐÂY > Chọn Thêm vào Chrome > Chọn Add extension (Thêm tiện ích).

​

Cài đặt tiện ích Web Vitals

Bước 2: Xem các chỉ số HUD

Sau khi cài đặt xong, các bạn sẽ thấy trên màn hình xuất hiện các chỉ số giống như bên benchmark HUD.

Các chỉ số HUD

3. Ý nghĩa các chỉ số của benchmark HUD

- Largest Contentful Paint (LCP): Xác định lượng thời gian tối thiểu để hình ảnh có kích thước lớn và khối văn bản lớn được hiển thị. Theo như Google, các trang web được khuyến khích nên dùng LCP trong 2,5 giây để đạt được chất lượng tốt hơn.Với mức độ trung bình, LCP sẽ giao động từ 2,5 giây đến 4 giây. Nếu thời gian vượt mức cho phép thì UX sẽ thấp.

- First Input Delay (FID): Biểu thị thời gian phản hồi của trang Web tình từ thời điểm nhận tương tác tới lúc bắt đầu xử lý, không bao gồm giai đoạn xử lý tổng thể. Giá trị lý tưởng của FID sẽ là dưới 100 mili giây , trên 300 mili giây sẽ hoạt động kém.

Các chỉ số HUD

- Cumulative Layout Shift (CLS): Bất kỳ sự thay đổi không báo trước nào của nội dung web sẽ được biểu thị tại đây. Nói một cách đơn giản, CLS cho người dùng biết liệu web có đang hoạt động ổn định hay không.

- Average Dropped Frame (ADF): Đo phần trăm giảm của khung hình khi có tương tác từ người dùng. Chỉ số càng thấp thì hiệu suất sẽ càng cao.

4. Theo dõi hiệu suất trang web bằng benchmark HUD

Hiện tại phía Google đã có kế hoạch từ tháng 5 năm 2021 sẽ xem Core Web Vitals – LCP, FID và CLS là tín hiệu xếp hạng. Đây sẽ là cơ hội cho các chủ website và nhà phát triển web để tối ưu hóa trải nghiệm người dùng bằng Benchmark HUD của Chrome.

HUD đo chỉ số hiệu suất

Bài viết trên đây cung cấp thông tin về cách mở benchmark HUD trên Google để xác định chỉ số hiệu suất trang web. Mong rằng sẽ giúp ích cho bạn !

Trung tâm bảo hành có bán linh kiện và dịch vụ chính hãng, gọi là có ngay hỗ trợ miễn phí, bảo hành suốt đời.