Ngày xuất bản: 28 tháng 4 năm 2025
Hơn một năm trước, chúng tôi đã thông báo ý định phát triển công cụ hiệu suất, bao gồm cả việc đưa "sức mạnh của Lighthouse vào bảng điều khiển Hiệu suất". Mục đích của việc này là để tập hợp nhiều giao diện công cụ đo hiệu suất của chúng tôi.
Về phía Bảng điều khiển hiệu suất, chúng tôi đã đạt được nhiều tiến bộ trong mục tiêu đó và thanh bên Thông tin chi tiết hiện cung cấp thông tin tương tự như Lighthouse và hoạt động với dấu vết. Trong quá trình này, chúng tôi đã thực hiện một số thay đổi đối với lời khuyên về hiệu suất mà người dùng Lighthouse đã quen thuộc: trong một số trường hợp, lời khuyên từ nhiều quy trình kiểm tra được hợp nhất thành một thông tin chi tiết duy nhất và chúng tôi đã loại bỏ một số lời khuyên.
Để đạt được mục tiêu hợp nhất các nền tảng công cụ, chúng tôi muốn đưa những Thông tin chi tiết đó trở lại Lighthouse. Để đảm bảo tính nhất quán và để người dùng Lighthouse có thể hưởng lợi từ những điểm cải tiến mà chúng tôi đã thực hiện đối với các quy trình kiểm tra này, cũng như mọi điểm cải tiến trong tương lai!
Rất tiếc, điều này có nghĩa là sẽ có một số thay đổi có thể gây lỗi cho người dùng Lighthouse, đặc biệt là những người dùng API có thể đã quen với một số tên kiểm tra hoặc định dạng kết quả nhất định. Vì lý do này, chúng tôi sẽ đợi bản phát hành chính tiếp theo của Lighthouse (13) trước khi thực hiện thay đổi này. Chúng tôi dự kiến sẽ thực hiện thay đổi này vào tháng 10 năm 2025. Sau thời gian này, dữ liệu kiểm tra cũ sẽ không còn nữa.
Đổi tên và hợp nhất các hoạt động kiểm tra
Các bài kiểm tra sau đây đã được đổi tên và trong một số trường hợp, được hợp nhất từ nhiều bài kiểm tra Lighthouse:
| Mã kiểm tra thông tin chi tiết mới | Thay thế(các) mã nhận dạng kiểm tra |
|---|---|
cls-culprits-insight |
layout-shiftsnon-composited-animationsunsized-images
|
document-latency-insight |
redirectsserver-response-timeuses-text-compression |
dom-size-insight |
dom-size |
duplicated-javascript-insight |
duplicated-javascript |
font-display-insight |
font-display |
image-delivery-insight |
modern-image-formatsuses-optimized-imagesefficient-animated-contentuses-responsive-images
|
interaction-to-next-paint-insight |
work-during-interaction |
lcp-discovery-insight |
prioritize-lcp-imagelcp-lazy-loaded
|
lcp-phases-insight |
largest-contentful-paint-element |
legacy-javascript-insight |
legacy-javascript |
modern-http-insight |
uses-http2 |
network-dependency-tree-insight |
critical-request-chainsuses-rel-preconnect
|
render-blocking-insight |
render-blocking-resources |
third-parties-insight |
third-party-summary |
use-cache-insight |
uses-long-cache-ttl |
viewport-insight |
viewport |
Đã xoá các hoạt động kiểm tra
Chúng tôi đã xoá các hoạt động kiểm tra sau đây vì cho rằng những hoạt động này không còn hữu ích nữa:
| Đã xoá các hoạt động kiểm tra | Lý do xoá |
|---|---|
first-meaningful-paint |
Chỉ số cũ không còn được đề xuất nữa (được thay thế bằng LCP) |
no-document-write |
Ngày nay, hiếm khi xảy ra vấn đề trong tập lệnh của bên thứ nhất và không thể thực hiện hành động đối với tập lệnh của bên thứ ba sử dụng tập lệnh này. |
offscreen-images |
Các hình ảnh ngoài màn hình đã được trình duyệt giảm mức độ ưu tiên, vì vậy, mặc dù tính năng tải từng phần giúp giảm băng thông, nhưng khó có thể ảnh hưởng đến những gì Lighthouse đo lường. |
uses-passive-event-listeners |
Ngày nay, hiếm khi xảy ra vấn đề trong tập lệnh của bên thứ nhất và không thể thực hiện hành động đối với tập lệnh của bên thứ ba sử dụng tập lệnh này. |
uses-rel-preload |
Không được bật do có nguy cơ đề xuất quá nhiều. |
third-party-facades |
Quy trình kiểm tra này bao gồm các lớp giả lập hạn chế và một số nhà phát triển bày tỏ lo ngại khi sử dụng các lớp giả lập bên thứ ba không liên kết. Cuối cùng, chúng tôi muốn các bên thứ ba cải thiện sản phẩm của họ thay vì tìm cách khắc phục. |
Các quy trình kiểm tra khác
Những quy trình Kiểm tra hiệu suất khác không có trong các bảng trước đó sẽ không bị ảnh hưởng bởi thay đổi này. Tương tự, các quy trình kiểm tra về Khả năng hỗ trợ tiếp cận, SEO và Các phương pháp hay nhất cũng sẽ không bị ảnh hưởng bởi thay đổi này.
Chuyển sang công cụ kiểm tra thông tin chi tiết mới
Để hỗ trợ quá trình di chuyển, chúng tôi đã cung cấp thông tin chi tiết mới trong JSON của Lighthouse. Người dùng API và JSON của Lighthouse có thể bắt đầu di chuyển ngay bây giờ để chuẩn bị cho việc xoá các quy trình kiểm tra cũ trong Lighthouse 13.
Lighthouse 12.6 (có trong Chrome 137) cũng sẽ cho thấy một nút bật/tắt có thể nhìn thấy để cho phép người dùng báo cáo chuyển đổi giữa hai chế độ xem khác nhau:
Các hoạt động kiểm tra dựa trên thông tin chi tiết mới sẽ xuất hiện trong mục Thông tin chi tiết, trong khi các hoạt động kiểm tra không thay đổi sẽ tiếp tục xuất hiện trong mục Chẩn đoán.
Hiện tại, chế độ mặc định là tiếp tục hiển thị các quy trình kiểm tra cũ, nhưng trong bản phát hành Lighthouse tháng 6 năm 2025 (có thể là 12.7), chúng tôi dự định chuyển chế độ mặc định sang các quy trình kiểm tra thông tin chi tiết mới hơn. Thay đổi này cũng sẽ được triển khai cho các báo cáo PageSpeed Insights và Lighthouse trong Công cụ cho nhà phát triển trong Chrome 139. Người dùng vẫn có thể chuyển về các quy trình kiểm tra cũ trong một khoảng thời gian giới hạn cho đến khi Lighthouse 13 ra mắt.
Tài liệu về các hoạt động kiểm tra thông tin chi tiết mới
Chúng tôi sẽ ghi lại các quy trình kiểm tra mới trên developer.chrome.com trước ngày chuyển đổi. Tài liệu cũ sẽ được lưu giữ trong thời gian tới để các phiên bản trước của Lighthouse vẫn có thể liên kết đến tài liệu đó.
Phản hồi
Nếu bạn có bất kỳ mối lo ngại hoặc câu hỏi nào về việc chuyển đổi này, chúng tôi rất mong nhận được ý kiến của bạn trong cuộc thảo luận này trên GitHub.