Tin tức và phân tích của tất cả các thiết bị di động

Lighthouse: hiểu điểm hiệu suất web được chỉ định cho trang web của bạn

Tiện ích mở rộng Ngọn hải đăng của Google có thể thực hiện kiểm tra trang web của bạn hoặc một trang web cụ thể để cho phép bạn truy xuất thông tin quan trọng mà sau này sẽ cho phép bạn cải thiện trang web và SEO của mình.

Các tiêu chí đánh giá được cho điểm là 1 đến 100. Tìm hiểu cách giải thích 6 các điểm chính xác định điểm hiệu suất cuối cùng của trang web của bạn, được tính toán bởi Lighthouse.

Trọng số của từng tiêu chí để thiết lập điểm hiệu suất web Lighthouse. Tín dụng: Google.

Sơn có nội dung đầu tiên (FCP)

FCP tính toán thời gian cần thiết để trình duyệt hiển thị phần tử nội dung DOM đầu tiên khi tải một trang trên trang web của bạn. Các phần tử như hình ảnh,, phần tử không phải màu trắng và SVG được coi là nội dung DOM, bất kỳ thứ gì bên trong iframe đều không được bao gồm.

Nó được tính như thế nào?

Điểm FCP của bạn dựa trên sự so sánh giữa thời gian FCP trên trang của bạn và thời gian FCP cho các trang web thực, được lấy từ cơ sở dữ liệu lưu trữ HTTP.

Ví dụ: các trang web hoạt động ở phân vị thứ chín mươi chín có FCP xấp xỉ 1,5 thứ hai, nếu FCP của trang web của bạn là 1,5 thứ hai, điểm FCP của bạn là 99.

Giá trị điểm FCP. Tín dụng: Google.

Sơn có nội dung lớn nhất (LCP)

Tiêu chí này tương ứng với thời gian tải trang để hiển thị nội dung chính cho người dùng. Nó giúp cung cấp một dấu hiệu về mức độ nhanh chóng mà người dùng có thể thực sự xem nội dung của trang.

Đây là một tiêu chí bổ sung cho First Contentful Paint. Nếu bạn nhận được điểm LCP dưới đây 2,5 giây, số điểm được Google coi là “tốt”.

Giá trị điểm LCP. Tín dụng: Google.

Chỉ số tốc độ

Chỉ số tốc độ được tính dựa trên tốc độ hiển thị nội dung trực quan trong khi tải trang. Đầu tiên, công cụ quay video về quá trình tải trang trong trình duyệt và đo lường tiến trình trực quan khi các phần tử xuất hiện. Lighthouse dựa vào mô-đun Speedline Node.js để tạo ra điểm số cho tiêu chí này.

Nó được tính như thế nào?

Điểm số là sự so sánh giữa chỉ số tốc độ trang của bạn và chỉ số tốc độ trang web thực, dựa trên dữ liệu từ kho lưu trữ HTTP.

Giá trị điểm Chỉ số tốc độ. Tín dụng: Google.

Thời gian tương tác (TTI)

TTI đo thời gian cần thiết để một trang trở nên tương tác hoàn toàn vì khả năng hiển thị nội dung là không đủ, nó phải có khả năng hoạt động để tránh bất kỳ sự thất vọng nào về mặt trải nghiệm người dùng.

Nó được tính như thế nào?

Tiêu chí này dựa trên thời gian để một trang tương tác hoàn toàn. Bạn nên biết rằng một trang được coi là như vậy khi:

trang hiển thị nội dung hữu ích, được đo lường bởi các trình xử lý sự kiện tiêu chí First Contentful Paint (FCP) được đăng ký cho các phần tử trang dễ thấy nhất mà trang phản hồi với các tương tác của người dùng trong vòng 50 mili giây.

Các giá trị của điểm TTI. Tín dụng: Google.

Tổng thời gian chặn (TBT)

Tiêu chí này đo lường tổng thời gian một trang bị chặn phản hồi với thông tin nhập của người dùng, chẳng hạn như nhấp chuột hoặc nhấn bàn phím.

Các tác vụ chạy lâu hơn 50ms được coi là các tác vụ “dài”. Do đó, khoảng thời gian sau 50 ms được tính đến. Ví dụ: nếu Lighthouse phát hiện một nhiệm vụ dài 70 ms, thời gian chặn được giữ lại sẽ là 20 ms.

Nó được tính như thế nào?

Điểm TBT của bạn là sự so sánh giữa thời gian TBT của trang và thời gian TBT của 10.000 trang web hàng đầu khi được tải trên thiết bị di động. Dữ liệu chính của trang web tính đến 404 trang.

Các giá trị của điểm TTB. Tín dụng: Google.

Dịch chuyển bố cục tích lũy (CLS)

CLS là thước đo để đo lường sự thay đổi bố cục không mong muốn mà người dùng trang web của bạn có thể gặp phải. Sự thay đổi bố cục xảy ra bất cứ khi nào một phần tử hiển thị thay đổi vị trí.

Ví dụ: người dùng chuẩn bị nhấp vào một liên kết và do bố cục không khớp, anh ta thấy mình đang nhấp vào một liên kết khác: đây là tiêu chí này đo lường.

Chuyển động không mong muốn của nội dung trang có thể xảy ra nếu tài nguyên không được tải đồng bộ hoặc các phần tử DOM được thêm động vào trang trên đầu nội dung đã có. Ví dụ: một hình ảnh hoặc video có kích thước không xác định có thể gây ra sự không khớp về bố cục này.

Giá trị điểm CLS. Tín dụng: Google.

Nguồn: Google