Bảng điều khiển Hiệu suất trong Công cụ của Chrome cho nhà phát triển đã giúp các nhà phát triển đo lường và tối ưu hoá hiệu suất thời gian chạy theo nhiều hình thức trong hơn 15 năm qua. Bắt đầu với một bảng điều khiển có tên là "Tiến trình", bảng điều khiển này đã phát triển thành bảng điều khiển Hiệu suất mà bạn biết ngày nay.
Trong thời gian đó, Chrome đã ra mắt các sản phẩm và tính năng hiệu suất mạnh mẽ khác. Đáng chú ý là Lighthouse được ra mắt vào năm 2016 để giúp bạn dễ dàng phát hiện cơ hội tối ưu hoá hơn. Bảng điều khiển Thông tin chi tiết về hiệu suất thử nghiệm được phát hành vào năm 2022 để thử nghiệm các cách mới hiển thị thông tin chi tiết về hiệu suất.
Bảng điều khiển Hiệu suất chứa nhiều dữ liệu và tính năng giúp nhà phát triển tìm hiểu sâu về các vấn đề về tải trang và hiệu suất trong thời gian chạy. Tuy nhiên, hãy thực tế một chút và thừa nhận rằng có thể khó sử dụng và khó xác định được các cơ hội lớn nhất để cải thiện hiệu suất trang. Ngoài ra, sức mạnh của các công cụ khác giúp phân loại và nhanh chóng tách biệt các cơ hội (chẳng hạn như Lighthouse) sẽ bị ngắt kết nối với bảng điều khiển Hiệu suất.
Để giúp nhà phát triển dễ dàng xác định và tái hiện các vấn đề về hiệu suất, chúng tôi sẽ đưa các tính năng và thông tin học được từ Lighthouse và bảng điều khiển Thông tin chi tiết về hiệu suất vào bảng điều khiển Hiệu suất hiện có. Chúng tôi cũng đang tập trung vào trải nghiệm người dùng và khả năng hữu dụng để cải thiện hiệu quả của Bảng hiệu suất dưới dạng một công cụ tối ưu hoá hiệu suất web.
Kết quả là gì? Một bảng điều khiển duy nhất – dễ dàng và mạnh mẽ hơn bao giờ hết – cho tất cả dữ liệu và thông tin chi tiết về hiệu suất.
Dễ dàng hành động để cải thiện hiệu suất web
Ý kiến phản hồi của bạn xác nhận rằng mật độ thông tin cao làm tăng thêm các thách thức về khả năng hữu dụng. Chúng tôi đang tích cực phát triển các bản sửa lỗi và tính năng để giúp bạn. Các hành trình tối ưu hoá chính, chẳng hạn như cải thiện Các chỉ số quan trọng về trang web, đang được ưu tiên hàng đầu. Chúng tôi dự định ra mắt các tính năng như chú thích để bạn có thể đánh dấu các phát hiện và chia sẻ kiến thức học được với đồng nghiệp. Việc hiển thị mối tương quan trong dữ liệu sẽ giúp cải thiện khả năng hiểu một hệ thống phức tạp, với nhiều cách hơn để bạn tiết lộ cách dữ liệu được kết nối, chẳng hạn như các yêu cầu mạng đến hoạt động luồng chính.
Chúng tôi sẽ ra mắt các tính năng mới khi phát triển và chia sẻ thông tin cập nhật về các tính năng mới mà bảng điều khiển cung cấp vài tháng một lần. Đợi chút nhé! Bạn sẽ sớm thấy các tính năng mới!
Sức mạnh của Lighthouse trong bảng điều khiển Hiệu suất
Chúng tôi đã thấy cách các nhà phát triển sử dụng cả bảng điều khiển Lighthouse và Performance (Hiệu suất), đồng thời việc chuyển đổi ngữ cảnh giữa hai bảng này là một thách thức. Ngoài ra, để hành động dựa trên kết quả của Lighthouse, bạn có thể cần chuyển đến bảng điều khiển Hiệu suất để biết thêm thông tin. Điều này gây ra sự khó chịu vì thông tin tổng quan quy định về hiệu suất của một trang tách biệt với dữ liệu hiệu suất chi tiết.
Chúng tôi sẽ tích hợp sâu thông tin phân tích hiệu suất của Lighthouse thông qua bảng điều khiển Hiệu suất. Với tính năng tích hợp này, Lighthouse sẽ làm nổi bật những cơ hội hàng đầu để cải thiện hiệu suất trang trong chính bảng điều khiển Hiệu suất, cùng với tất cả thông tin chi tiết cần thiết để hành động theo cơ hội đó.
Sau khi chuyển tất cả chức năng hiệu suất vào bảng điều khiển Hiệu suất, bảng điều khiển Lighthouse độc lập trong DevTools sẽ trở nên thừa và sẽ ngừng hoạt động. Bảng điều khiển này sẽ ngừng hoạt động vào nửa cuối năm 2025. Điều quan trọng là phải khẳng định rằng Lighthouse không bị loại bỏ.
Lighthouse sẽ tiếp tục hoạt động
Mô-đun npm Lighthouse và báo cáo Lighthouse trong PageSpeed Insights (bao gồm cả PSI API) sẽ không ngừng hoạt động. Chúng tôi vẫn luôn nỗ lực để đảm bảo tính sẵn có và chất lượng của Lighthouse dưới dạng một công cụ nguồn mở có thể được sử dụng trong môi trường mà nhà phát triển ưu tiên để đánh giá hiệu suất trang.
Việc tích hợp này giúp chúng tôi nâng cấp cả Bảng điều khiển hiệu suất và các tính năng của Lighthouse cho các nhà phát triển đang cố gắng tìm hiểu về tốc độ tải, khả năng phản hồi và tính ổn định của nội dung.
Bảng điều khiển Thông tin chi tiết về hiệu suất thử nghiệm sẽ không được dùng nữa
Bảng điều khiển Thông tin chi tiết về hiệu suất được cung cấp dưới dạng một thử nghiệm để xem chúng tôi có thể giải quyết tốt hơn ba vấn đề chính như thế nào: giảm mật độ thông tin của bảng điều khiển Hiệu suất, hỗ trợ phân tích dựa trên trường hợp sử dụng và giảm độ khó khi sử dụng bảng điều khiển Hiệu suất.
Chúng tôi đã học hỏi được nhiều điều từ thử nghiệm này thông qua ý kiến phản hồi của nhà phát triển. Chúng tôi đã xác thực rằng việc phân tích dựa trên trường hợp sử dụng (ví dụ: "Tôi muốn tối ưu hoá LCP" hoặc "Tôi muốn tối ưu hoá các trang để phản hồi nhanh hơn") là cực kỳ có giá trị và các tính năng như Theo dõi thay đổi bố cục giúp việc chẩn đoán và cải thiện các chỉ số trở nên đơn giản hơn nhiều.
Nhà phát triển cũng nhận thấy bảng điều khiển Thông tin chi tiết về hiệu suất dễ tiếp cận hơn bảng điều khiển Hiệu suất, xác thực rằng mật độ thông tin giảm đi là hấp dẫn. Tuy nhiên, việc giảm mật độ này đã gây ra tổn thất trong nhiều trường hợp, đòi hỏi nhà phát triển phải chuyển đến bảng điều khiển Hiệu suất để lấy dữ liệu chi tiết cần thiết nhằm hành động.
Những điều chúng tôi học được và nhiều tính năng trong bảng điều khiển Thông tin chi tiết về hiệu suất thử nghiệm sẽ được tích hợp vào bảng điều khiển Hiệu suất. Các tính năng như phân tích dựa trên trường hợp sử dụng và cải thiện mật độ thông tin, cùng với việc tích hợp Lighthouse, sẽ giúp chúng tôi cung cấp thông tin chi tiết hữu ích hơn bao giờ hết về hiệu suất của trang.
Thử nghiệm Thông tin chi tiết về hiệu suất sẽ bị xoá vào cuối năm 2024.
Nơi gửi ý kiến phản hồi
Chúng tôi rất mong nhận được ý kiến phản hồi của bạn khi chúng tôi ra mắt các tính năng mới. Nếu bạn có ý tưởng về cách cải thiện các tính năng được thêm vào hoặc nếu quy trình hiện tại của bạn thông qua bảng điều khiển bị gián đoạn không đáng có, hãy cho chúng tôi biết. Chúng tôi muốn biết những tính năng hoạt động hiệu quả, những tính năng không hoạt động hiệu quả và những tính năng mà bạn cho rằng có thể hoạt động hiệu quả hơn. Xin cảm ơn!