Lighthouse 3.0 đã ra mắt! Phiên bản 3.0 có quy trình kiểm tra nhanh hơn, ít sai lệch hơn, giao diện người dùng báo cáo mới, quy trình kiểm tra mới và nhiều lợi ích khác.
Cách cập nhật lên phiên bản 3.0
- CLI. Chạy
npm install -g lighthouse@next. - Nút. Chạy
npm install lighthouse@next. - Tiện ích của Chrome. Tiện ích của bạn sẽ tự động cập nhật lên phiên bản 3.0.
- Công cụ của Chrome cho nhà phát triển. Lighthouse 3.0 sẽ có trên Chrome 69.
Kiểm tra nhanh hơn và ít chênh lệch hơn
Lighthouse 3.0 sẽ hoàn thành các lần kiểm tra của bạn nhanh hơn và ít chênh lệch hơn giữa các lần chạy nhờ một vài thay đổi:
- Chế độ điều tiết mô phỏng. Trước đây, Lighthouse thực sự đã điều tiết trang của bạn trước khi chạy kiểm tra. Giờ đây, Lighthouse sử dụng một công cụ kiểm tra nội bộ mới có tên mã là Lantern. Công cụ này sẽ chạy các lượt kiểm tra trong chế độ cài đặt CPU và mạng thông thường của bạn, sau đó ước tính thời gian tải trang trong điều kiện thiết bị di động.
- Thời gian chờ ngắn hơn. Để xác định việc một trang đã tải xong, Lighthouse cần phải đợi mạng và CPU không có hoạt động nào. Thời gian chờ này nhỏ hơn trong phiên bản 3.
Giao diện người dùng mới của báo cáo
Lighthouse 3.0 có giao diện người dùng báo cáo hoàn toàn mới, nhờ sự cộng tác giữa nhóm Lighthouse và nhóm Trải nghiệm người dùng Chrome (Nghiên cứu và thiết kế).
Thay đổi lời gọi
Phiên bản Nút của Lighthouse hiện hỗ trợ các lựa chọn cấu hình giống như phiên bản CLI. Đây có thể là một thay đổi có thể gây lỗi, tuỳ thuộc vào cách bạn định cấu hình mô-đun Node Lighthouse trong phiên bản 2. Hãy xem phần Thay đổi về lời gọi để biết thêm thông tin.
Thay đổi về điểm số
Trong Lighthouse 3.0, mô hình tính điểm cho các thay đổi trong công cụ Kiểm tra hiệu suất. Điểm số 50 đại diện cho phân vị thứ 75 và điểm số hoàn hảo là 100 đại diện cho phân vị thứ 98 (là điểm lợi nhuận giảm dần).
Điểm số hiệu suất là giá trị trung bình có trọng số của các bài kiểm tra Hiệu suất. Trọng số của các bài kiểm tra cũng thay đổi trong phiên bản 3.
| Tên kiểm tra | Trọng lượng phiên bản 2 | Trọng lượng phiên bản 3 |
|---|---|---|
| Hiển thị nội dung đầu tiên (Tính năng mới trong phiên bản 3) | Không áp dụng | 3 |
| Hiển thị nội dung có ý nghĩa đầu tiên | 5 | 1 |
| CPU nhàn rỗi đầu tiên (Tương tác đầu tiên trong phiên bản 2) | 5 | 3 |
| Thời gian tương tác (Tương tác đều đặn trong phiên bản 2) | 5 | 5 |
| Chỉ số tốc độ cảm nhận | 1 | Không áp dụng |
| Chỉ số tốc độ | Không áp dụng | 4 |
| Thời gian chờ nhập thông tin ước tính | 1 | 0 |
Từ giờ trở đi, Hướng dẫn chấm điểm của Lighthouse phiên bản 3 là nguồn thông tin đáng tin cậy cho mọi thông tin bạn cần biết về cách tính điểm hoạt động trong Lighthouse phiên bản 3.
Các thay đổi và định dạng đầu ra mới
Hỗ trợ đầu ra CSV
Kết quả báo cáo hiện có thể xuất ra ở định dạng CSV. Mỗi hàng chứa thông tin và kết quả cho một lần kiểm tra, bao gồm:
- Tên của danh mục chứa nội dung kiểm tra.
- Tên kiểm tra.
- Nội dung mô tả về cuộc kiểm tra.
- Loại điểm số dùng cho cuộc kiểm tra.
- Giá trị điểm số.
Thay đổi đối với đầu ra JSON
Phiên bản 3.0 ra mắt nhiều thay đổi đối với định dạng đầu ra JSON của Lighthouse. Xem Hướng dẫn di chuyển Lighthouse phiên bản 3 để biết thêm thông tin chi tiết.
Lượt kiểm tra mới
Hiển thị nội dung đầu tiên
Đo lường thời gian mà nội dung văn bản hoặc hình ảnh được vẽ lần đầu lên màn hình của người dùng.
robots.txt không hợp lệ
Hãy đảm bảo rằng tệp robots.txt của trang web được định dạng đúng cách để các bot tìm kiếm có thể thu thập dữ liệu trên trang web của bạn.
Sử dụng định dạng video cho nội dung động
Thay thế GIF bằng thẻ video để có thể tiết kiệm đáng kể kích thước tệp video.
Xem bài viết Thay thế ảnh GIF động bằng video để tìm hiểu thêm.
Tránh nhiều chuyến đi khứ hồi tốn kém đến bất kỳ điểm khởi hành nào
Cải thiện hiệu suất tải bằng cách thêm thuộc tính rel="preconnect" vào thẻ link. Các thuộc tính này sẽ thông báo cho trình duyệt thiết lập kết nối với một nguồn gốc càng sớm càng tốt.
Xem phần Kết nối trước để tìm hiểu thêm.
Kiểm tra thay đổi
Lần tương tác đầu tiên ... CPU đầu tiên ở trạng thái rảnh
Bài kiểm tra First Interactive (Tương tác đầu tiên) đã được đổi tên thành Thời gian hoạt động của CPU đầu tiên để mô tả rõ hơn cách hoạt động. Mục đích chung của việc kiểm tra là như nhau. Sử dụng quy trình kiểm tra này để đo lường thời điểm người dùng có thể tương tác lần đầu với trang của bạn.
Chỉ số tốc độ theo cảm nhận ✅ Chỉ số tốc độ
Trong Lighthouse 3.0, tính năng kiểm tra Chỉ số tốc độ nhận thức giờ đây là Chỉ số tốc độ. Thay đổi này phù hợp với Lighthouse với cách WebPageTest đo lường chỉ số này. Mục đích của việc kiểm tra là như nhau, nhưng chỉ số cơ bản hơi khác.