Lighthouse 8.4 có sẵn ngay trên dòng lệnh và trong Chrome Canary. Công cụ này sẽ được chuyển sang Bản chính thức của Chrome trong phiên bản Chrome 95 và xuất hiện trong PageSpeed Insights trong vòng một tuần.
Để dùng thử CLI của Nút Lighthouse, hãy dùng các lệnh sau:
npm install -g lighthouse
lighthouse https://www.example.com --view
Xem danh sách đầy đủ các thay đổi trong nhật ký thay đổi 8.4.
Lượt kiểm tra mới
Không tải từng phần các hình ảnh có Nội dung lớn nhất hiển thị
Hình ảnh tải từng phần có thể là một cách hiệu quả để trì hoãn hình ảnh ngoài màn hình để chúng không ảnh hưởng đến việc tải nội dung trong màn hình đầu tiên.
Tuy nhiên, nếu phần tử LCP của một trang là một hình ảnh, thì phương thức tải từng phần có thể gây ảnh hưởng tiêu cực đáng kể đến LCP. Trình duyệt có thể đưa hình ảnh vào hàng đợi và tìm nạp các tài nguyên khác trước, thay vì ưu tiên tải hình ảnh xuống ngay lập tức. Một nghiên cứu gần đây về tính năng tải từng phần trong WordPress cho thấy LCP có thể cải thiện tới 15% đối với một số trang web nếu hình ảnh trong khung nhìn ban đầu không được tải từng phần.
Giờ đây, Lighthouse sẽ phát hiện xem phần tử LCP có phải là hình ảnh được tải từng phần hay không và đề xuất xoá thuộc tính loading khỏi hình ảnh đó.
Để biết thêm thông tin, hãy xem đề xuất ban đầu và yêu cầu lấy dữ liệu về hoạt động triển khai.
Thiết lập khung nhìn trên thiết bị di động để Độ trễ đầu vào đầu tiên tốt hơn
Công cụ kiểm tra viewport đã nằm trong danh mục Các phương pháp hay nhất trong nhiều năm, nhưng phiên bản 8.4 cũng hoan nghênh lời khuyên này cho danh mục Hiệu suất.
Nhiều trình duyệt di động hỗ trợ tính năng "nhấn đúp để thu phóng" để cho phép người dùng dễ dàng phóng to nội dung không được thiết kế cho màn hình thiết bị di động, tức là nội dung không có <meta name="viewport"> rõ ràng trên thiết bị di động. Trong thực tế, điều này có nghĩa là trình duyệt cần phải đợi tối đa 300 mili giây sau khi người dùng nhấn để xem liệu có lần nhấn thứ hai nào diễn ra hay không và trong thời gian đó, trang không thể phản hồi với lần nhấn ban đầu. Điều này đồng nghĩa với việc FID không thành công là vài trăm mili giây.
Trong một nghiên cứu gần đây về dữ liệu của HTTP Archive, hơn một nửa số trang web nhận được điểm số từ 90 trở lên trong Lighthouse nhưng không vượt qua được ít nhất một Chỉ số quan trọng chính của trang web, không thiết lập khung nhìn trên thiết bị di động và không đạt FID. Do đó, mục hiệu suất Lighthouse bây giờ sẽ đề xuất thêm một khung nhìn như sau nếu không tìm thấy khung nhìn nào:
<meta name="viewport" content="width=device-width">
Để biết thêm thông tin chi tiết, hãy xem vấn đề về đề xuất và yêu cầu lấy dữ liệu về việc triển khai.
Liên hệ với nhóm Lighthouse
Để thảo luận về các tính năng mới, thay đổi trong phiên bản 8.4 hoặc bất cứ điều gì khác liên quan đến Lighthouse:
- Báo cáo vấn đề hoặc gửi ý kiến phản hồi qua kho lưu trữ GitHub của Lighthouse.
- Liên hệ với nhóm Lighthouse trên Twitter @____lighthouse.