Tiện Ích IT
  • Thủ thuật internet
  • Tin học văn phòng
  • Đời Sống
  • Khoa học
  • Là gì
  • Font chữ đẹp
  • Review
  • Thủ thuật internet
  • Tin học văn phòng
  • Đời Sống
  • Khoa học
  • Là gì
  • Font chữ đẹp
  • Review
No Result
View All Result
Tiện Ích IT
No Result
View All Result
Home Thủ thuật internet

Cách bật Benchmark HUD của Chrome để theo dõi các chỉ số hiệu suất

Tiện Ích IT by Tiện Ích IT
Tháng Tư 17, 2021
in Thủ thuật internet
0
0
SHARES
8
VIEWS
Share on FacebookShare on Twitter

Hãy cùng tienichit.com tìm hiểu về Cách bật Benchmark HUD của Chrome để theo dõi các chỉ số hiệu suất.

Nhóm phát triển của Google Chrome đã thêm một màn hình hiển thị cảnh báo (HUD) giúp người dùng theo dõi chỉ số hiệu suất của các trang web.

HUD theo dõi các chỉ số thuộc nền tảng Core Web Vitals của Google, chẳng hạn như Largest Contentful Paint (LCP), First Input Delay (FID) và Cumulative Layout Shift (CLS). Bài viết sẽ hướng dẫn chi tiết cách bật HUD trên Chrome, ý nghĩa thực sự và ảnh hưởng của các chỉ số này đến trang web.

Sforum - Trang thông tin công nghệ mới nhất benchmark-hud-chrome-1 Cách bật Benchmark HUD của Chrome để theo dõi các chỉ số hiệu suất

Có hai phương pháp để xem điểm chuẩn của Chrome dưới dạng hiển thị cảnh báo. Bạn có thể bật HUD với sự trợ giúp của flag tính năng hoặc sử dụng tiện ích mở rộng của Chrome.

Mục Lục

  • Bật Benchmark HUD bằng flag
  • Bật Benchmark HUD bằng tiện ích mở rộng Chrome
    • Các chỉ số của Benchmark HUD
  • Sử dụng Benchmark HD của Chrome để theo dõi hiệu suất trang web

Bật Benchmark HUD bằng flag

Benchmark HUD thực nghiệm của Google hiện tồn tại dưới dạng một flag trong Chrome. Bạn có thể làm theo các bước sau để bật HUD trên Chrome cho Mac, Windows, Linux, Chrome OS và Android.

Bước 1: Mở Google Chrome, truy cập chrome://flags. Nhập “Show performance metrics in HUD” vào ô tìm kiếm. Ngoài ra, bạn có thể dán URL bên dưới vào thanh địa chỉ của trình duyệt.

chrome://flags/#show-performance-metrics-hud

Sforum - Trang thông tin công nghệ mới nhất benchmark-hud-chrome-2 Cách bật Benchmark HUD của Chrome để theo dõi các chỉ số hiệu suất

Bước 2: Sau khi kích hoạt tính năng và khởi động lại trình duyệt. Bạn sẽ thấy Benchmark HUD mới ở góc trên cùng bên phải của trình duyệt. Hiện tại HUD chưa hỗ trợ kéo và thả để điều chỉnh lại vị trí.

Bật Benchmark HUD bằng tiện ích mở rộng Chrome

Bước 1: Mở Google Chrome và truy cập Chrome Web Store. Nhập “Web Vitals” vào ô tìm kiếm và cài đặt extension được cung cấp bởi nhà phát triển addyosmani hoặc truy cập trực tiếp tại đây.

Sforum - Trang thông tin công nghệ mới nhất benchmark-hud-chrome-3 Cách bật Benchmark HUD của Chrome để theo dõi các chỉ số hiệu suất

Bước 2: Sau khi cài đặt extension, bạn sẽ thấy các chỉ số tương tự như của tính năng Benchmark HUD.

Sforum - Trang thông tin công nghệ mới nhất benchmark-hud-chrome-4 Cách bật Benchmark HUD của Chrome để theo dõi các chỉ số hiệu suất

Các chỉ số của Benchmark HUD

Benchmark HUD của Chrome hiện cung cấp các chỉ số sau:

  • Largest Contentful Paint (LCP)
  • First Input Delay (FID)
  • Cumulative Layout Shift (CLS)
  • Average Dropped Frame (ADF)

Largest Contentful Paint (LCP)

Largest Contentful Paint (LCP) đo thời gian cần thiết để hiển thị hình ảnh hoặc khối văn bản lớn nhất trong phần có thể xem của trang web. Google khuyến nghị các trang web nên có LCP trong vòng 2,5 giây đầu tiên để có trải nghiệm người dùng tốt hơn. LCP ở khoảng 2,5 giây đến 4 giây được coi là trung bình và thời lượng vượt quá mức đó được coi là kém và có thể dẫn đến UX thấp.

Sforum - Trang thông tin công nghệ mới nhất benchmark-hud-chrome-5 Cách bật Benchmark HUD của Chrome để theo dõi các chỉ số hiệu suất

Để giữ LCP trong vòng 2,5 giây, công ty kêu gọi các nhà phát triển đo phần trăm tải trang thứ 75 trên các phiên bản dành cho thiết bị di động và desktop. Nói một cách đơn giản hơn, bạn phải đảm bảo ít nhất 75% lượt xem trang đáp ứng ngưỡng tốt cần thiết, trong trường hợp này là 2,5 giây.

First Input Delay (FID)

First Input Delay (FID) thể hiện khả năng phản hồi của một trang web. FID đo thời gian từ khi người dùng tương tác đến thời điểm trang đó bắt đầu xử lý để phản hồi. Lưu ý: FID không bao gồm thời gian xử lý tổng thể.

Sforum - Trang thông tin công nghệ mới nhất benchmark-hud-chrome-6 Cách bật Benchmark HUD của Chrome để theo dõi các chỉ số hiệu suất

Trong các trường hợp lý tưởng, giá trị FID của trang web phải nhỏ hơn 100 mili giây. Nếu thời gian vượt quá 300 mili giây, trang web được coi là có FID kém. Bạn có thể làm tương tự cách tiếp cận tải trang thứ 75 được nói ở trên để duy trì điểm FID tốt.

Cumulative Layout Shift (CLS)

Cumulative Layout Shift (CLS) theo dõi tất cả những thời điểm khi nội dung của một trang web đột ngột thay đổi mà không có bất kỳ cảnh báo nào. Nói cách khác, CLS đo lường sự ổn định trực quan của một trang web.

Sforum - Trang thông tin công nghệ mới nhất benchmark-hud-chrome-7 Cách bật Benchmark HUD của Chrome để theo dõi các chỉ số hiệu suất

Theo Google, sự thay đổi bố cục chủ yếu xảy ra khi các tài nguyên của trang được tải không đồng bộ hoặc khi các phần tử DOM được thêm vào một trang web. Điểm CLS tốt là dưới 0.1, trên 0.25 được coi là kém.

Average Dropped Frame (ADF)

Average Dropped Frame (ADF) hiển thị phần trăm khung hình bị giảm khi người dùng tương tác với trang web. Phần trăm ADF thấp thì hiệu suất sẽ tốt hơn, trong khi khung hình bị giảm cao có thể gây ra độ trễ và các vấn đề hiệu suất khác. ADF chỉ có sẵn trên phiên bản HUD kích hoạt qua flag tính năng.

Sử dụng Benchmark HD của Chrome để theo dõi hiệu suất trang web

Trong một bài đăng trên blog, Google đã công bố kế hoạch xem Core Web Vitals – LCP, FID và CLS là tín hiệu xếp hạng từ tháng 5 năm 2021.

Sforum - Trang thông tin công nghệ mới nhất benchmark-hud-chrome-8 Cách bật Benchmark HUD của Chrome để theo dõi các chỉ số hiệu suất

Nếu bạn là chủ sở hữu trang web hoặc nhà phát triển, hiện tại là thời điểm tốt để tối ưu hóa trải nghiệm người dùng trên trang web bằng cách sử dụng Benchmark HUD của Chrome để tránh bị ảnh hưởng tiêu cực bởi bản cập nhật Google Search sắp tới.

Từ khóa: Cách bật Benchmark HUD của Chrome để theo dõi các chỉ số hiệu suất ; Cách bật Benchmark HUD của Chrome để theo dõi các chỉ số hiệu suất ; Cách bật Benchmark HUD của Chrome để theo dõi các chỉ số hiệu suất

Previous Post

Ảnh bìa Facebook màu đen cực đẹp, cực chất

Next Post

Cách tạo file mới theo khổ giấy A3, A4 trong Photoshop

Tiện Ích IT

Tiện Ích IT

Tienichit.com cung cấp những kiến thức về internet cho cuộc sống dễ dàng hơn. Tiện ích IT giúp bạn thêm nhiều kiến thức.

Related Posts

cách không cho người khác tag mình trên facebook
Thủ thuật internet

Cách không cho người khác tag mình trên facebook thành công 100%

Tháng Mười Hai 1, 2022
Cách bỏ cảnh báo “Open File – Security Warning” trên Windows 10
Thủ thuật internet

Cách bỏ cảnh báo “Open File – Security Warning” trên Windows 10

Tháng Mười Hai 1, 2022
Cách chuyển Cad sang Word, PDF, Excel
Thủ thuật internet

Cách chuyển Cad sang Word, PDF, Excel không bị lỗi font

Tháng Mười Hai 1, 2022
avast có tốt không
Thủ thuật internet

Avast có tốt không? Và những ưu nhược điểm của Avast

Tháng Mười Hai 1, 2022
Cấu hình chơi PUBG Mobile trên điện thoại và máy tính mới nhất
Thủ thuật internet

Cấu hình chơi PUBG Mobile trên điện thoại và máy tính mới nhất

Tháng Mười Hai 1, 2022
ctrl + shift
Thủ thuật internet

Tổ hợp Ctrl + Shift + Esc, CMD, Run

Tháng Mười Hai 1, 2022
Số tổng đài Zalo
Thủ thuật internet

Số điện thoại tổng đài Zalo 1900561558 hỗ trợ miễn phí

Tháng Mười Hai 1, 2022
Tích chọn dòng Use the following DNS server addresses, sau đó nhập DNS
Thủ thuật internet

DNS Viettel 2023 – Các DNS tốt nhất cho mạng Viettel giúp lướt web nhanh, không bị chặn

Tháng Mười Hai 1, 2022
Next Post
Vào Image - Image Rotation - 90 Clockwise hoặc Counter Clockwise

Cách tạo file mới theo khổ giấy A3, A4 trong Photoshop

Bài Viết Mới Nhất

Tải Font Designors Việt hóa

Tải Font Designors Việt hóa – Font cổ trang ấn tượng

Tháng Mười Hai 1, 2022
Font chữ thư pháp

Top 10 font chữ thư pháp đẹp kèm link tải chi tiết

Tháng Mười Hai 1, 2022
Font chữ script việt hoá

Download Tải 50+ Font Script Việt Hóa Đẹp Nhất

Tháng Mười Hai 1, 2022
Bộ font chữ hàn quốc

Tổng hợp 200+ Font chữ Hàn Quốc trong Word đẹp nhất

Tháng Mười Hai 1, 2022
font việt hóa iciel

Download trọn bộ 186+ font Việt hóa Iciel miễn phí

Tháng Mười Hai 1, 2022
Font Sans serif Việt hóa

Download 20+ Font‌ ‌Sans‌ ‌Serif‌ ‌Việt‌ ‌hóa‌ ‌đẹp nhất

Tháng Mười Hai 1, 2022
12 giờ trưa là AM hay PM trong tiếng Anh?

12 giờ trưa là AM hay PM trong tiếng Anh?

Tháng Mười Hai 1, 2022
Tiện Ích IT

Tiện ích IT cung cấp những kiến thức về internet cho cuộc sống dễ dàng hơn. Tiện ích IT giúp bạn thêm nhiều kiến thức. Xem ngay nhé!

Danh mục bài viết

  • Đời Sống
  • Font chữ đẹp
  • Khoa học
  • Là gì
  • Review
  • Thủ thuật internet
  • Tin học văn phòng

Theo dõi chúng tôi

  • Giới thiệu
  • Chính sách bảo mật
  • Liên hệ

Copyright © 2021, tienichit.com

No Result
View All Result
  • Chính sách bảo mật – tienichit.com
  • Contact – Liên hệ hợp tác với tienichit.com
  • Giới thiệu về tienichit.com
  • Tiện ích IT: kiến thức internet cho cuộc sống

Copyright © 2021, tienichit.com