Thông tin cập nhật về Lighthouse 2.6

Lighthouse 2.6 đã ra mắt! Một số điểm nổi bật bao gồm:

Hãy xem ghi chú phát hành 2.6 để biết danh sách đầy đủ các tính năng, thay đổi và bản sửa lỗi mới.

Cách cập nhật lên phiên bản 2.6

  • NPM. Chạy npm update lighthouse. Chạy cờ npm update lighthouse -g nếu bạn đã cài đặt Lighthouse trên toàn cục.
  • Tiện ích của Chrome. Tiện ích sẽ tự động cập nhật, nhưng bạn có thể cập nhật theo cách thủ công thông qua chrome://extensions.
  • Công cụ cho nhà phát triển. Bảng điều khiển Kiểm tra sẽ được cung cấp với phiên bản 2.6 trong Chrome 65. Bạn có thể kiểm tra phiên bản Chrome mà bạn đang chạy thông qua chrome://version. Chrome cập nhật lên phiên bản mới khoảng 6 tuần một lần. Bạn có thể chạy mã Chrome mới nhất bằng cách tải Chrome Canary xuống.

Kiểm tra hiệu suất mới

Thời gian khởi động JavaScript cao

Xem thông tin chi tiết về thời gian trang của bạn phân tích cú pháp, biên dịch và thực thi từng tập lệnh. Thời gian khởi động JavaScript là một yếu tố hơi ẩn nhưng quan trọng trong thời gian tải trang.

Quy trình kiểm tra "Thời gian khởi động JavaScript cao".
Hình 1. Quy trình kiểm tra thời gian khởi động JavaScript cao

Sử dụng chính sách bộ nhớ đệm không hiệu quả trên các thành phần tĩnh

Đảm bảo trình duyệt lưu đúng cách từng tài nguyên của bạn vào bộ nhớ đệm.

Quy trình kiểm tra "Sử dụng chính sách bộ nhớ đệm không hiệu quả trên các thành phần tĩnh"
Hình 2. Quy trình kiểm tra Sử dụng chính sách bộ nhớ đệm không hiệu quả trên các thành phần tĩnh

Tránh chuyển hướng trang

Lệnh chuyển hướng trang sẽ thêm một hoặc hai lượt truy cập mạng nếu cần thêm một lượt tra cứu DNS. Giảm thiểu số lượt chuyển hướng để tăng tốc thời gian tải trang.

Quy trình kiểm tra "Tránh chuyển hướng trang"
Hình 3. Quy trình kiểm tra Tránh chuyển hướng trang

Cải tiến điểm số của mục hỗ trợ tiếp cận

Trong Lighthouse 2.6, điểm hỗ trợ tiếp cận tổng hợp được tính theo cách khác. Điểm số này đánh giá từng quy trình kiểm tra khả năng hỗ trợ tiếp cận dựa trên mức độ nghiêm trọng của tác động đến trải nghiệm người dùng, cũng như tần suất xảy ra vấn đề, dựa trên tập dữ liệu Lưu trữ HTTP. Hãy xem nội dung googlechrome/lighthouse/issues/3444 để thảo luận sâu hơn.

Báo cáo điểm cải tiến về trải nghiệm người dùng

Lỗi cấp cao nhất

Ở đầu báo cáo, Lighthouse sẽ cảnh báo bạn về những lỗi có thể ảnh hưởng đến điểm số của trang.

Lỗi cấp cao nhất ở đầu báo cáo
Hình 4. Lỗi cấp cao nhất ở đầu báo cáo

Nhấp vào biểu tượng Xuất báo cáo Báo cáo Xuất, rồi chọn In bản tóm tắt hoặc In bản mở rộng để in phiên bản tóm tắt hoặc chi tiết của báo cáo.

In chế độ xem tóm tắt và chế độ xem mở rộng
Hình 5. In bản tóm tắt và chế độ xem mở rộng

Sửa lỗi tỷ lệ khung hình

Phiên bản 2.6 cũng khắc phục lỗi khiến quy trình kiểm tra Hiển thị hình ảnh có tỷ lệ khung hình chính xác không thành công ngay cả khi không có hình ảnh nào trên trang hoặc tất cả hình ảnh đều có kích thước phù hợp.