Công cụ nâng cao hiệu suất trong năm 2024 trở đi

Elizabeth Sweeny
Elizabeth Sweeny
Paul Irish
Paul Irish

Bảng điều khiển hiệu suất trong Công cụ của Chrome cho nhà phát triển đã và đang 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 của họ bằng hình thức này hoặc hình thức khác trong khoảng thời gian 15 năm. Bắt đầu bằng bảng điều khiển có tên là "Dòng thời gian", sau đó chuyển thành bảng điều khiển Hiệu suất mà bạn biết hôm nay.

Trong thời gian đó, Chrome đã ra mắt những sản phẩm và tính năng mạnh mẽ khác có hiệu suất cao. Đáng chú ý, Lighthouse được ra mắt vào năm 2016 để giúp xác định các cơ hội tối ưu hóa dễ dàng hơn. Chúng tôi ra mắt bảng điều khiển Thông tin chi tiết về hiệu suất thử nghiệm vào năm 2022 để thử nghiệm những cách mới để cung cấp thông tin chi tiết về hiệu suất.

Bảng điều khiển Hiệu suất có rất nhiều dữ liệu và tính năng để giúp nhà phát triển tìm hiểu kỹ hơn về các vấn đề liên quan đến hiệu suất trong thời gian chạy và tải trang. Tuy nhiên, hãy thực tế trong một phút và hiểu rằng việc này có thể thách thứckhó xác định 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 độ nhiễu và nhanh chóng tách biệt các cơ hội (như Lighthouse) sẽ bị ngắt kết nối khỏi bảng điều khiển Hiệu suất.

Nhằm giúp các nhà phát triển dễ dàng xác định và tái tạo vấn đề về hiệu suất, chúng tôi sẽ đưa các tính năng và kiến thức 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ó. Ngoài ra, chúng tôi cũng 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 điều khiển Hiệu suất trong vai trò 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 hơn và mạnh mẽ hơn bao giờ hết — cho tất cả dữ liệu về hiệu suất và thông tin chi tiết.

Hành động theo hiệu suất web, dễ dàng hơn

Ý kiến phản hồi của bạn xác nhận rằng mật độ thông tin cao tạo nên những 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 để trợ giúp bạn. Những 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 áp dụng hàng đầu. Chúng tôi dự định ra mắt các tính năng như chú thích, giúp bạn đánh dấu các phát hiện và chia sẻ bài học với đồng nghiệp. Việc cho thấy các 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, đồng thời cho bạn nhiều cách hơn để biết 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 của luồng chính.

Chúng tôi sẽ gửi các tính năng mới khi chúng tôi phát triển chúng và cứ vài tháng một lần, chúng tôi lại 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. Đợ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) và 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 các phát hiện của Lighthouse, bạn có thể phải truy cập vào bảng điều khiển Hiệu suất để có thêm bối cảnh. Việc này gây phiền hà vì thông tin tổng quan theo quy định về hiệu suất của một trang khác biệt với dữ liệu chi tiết về hiệu suất.

Chúng tôi sẽ tích hợp chặt chẽ tính năng 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 sáng 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, kèm theo tất cả thông tin chi tiết cần thiết để thực hiện hành động dựa trên cơ hội đó.

Sau khi di chuyển tất cả chức năng về 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 Công cụ cho nhà phát triển sẽ không còn cần nữa và sẽ ngừng hoạt động. Chúng tôi sẽ chỉ ngừng cung cấp bảng điều khiển này sau nửa cuối năm 2025. Điều quan trọng là phải tuyên bố một cách rõ ràng rằng Lighthouse sẽ không biến mất.

Ảnh chụp màn hình bảng điều khiển Hiệu suất có biểu trưng Lighthouse

Lighthouse vẫn tiếp tục hoạt động

Mô-đun npm Lighthouse và báo cáo Lighthouse trong PageSpeed Insights (bao gồm cả API PSI) sẽ không bị gỡ bỏ. Chúng tôi vẫn tận tâm với khả năng hoạt động 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 ưu tiên của nhà phát triển để đánh giá hiệu suất trang.

Quy trình tích hợp này giúp chúng tôi nâng cao hiệu suất của cả Bảng điều khiển hiệu suất và các chức năng của Lighthouse cho các nhà phát triển đang tìm cách giải thích về khả năng tải, khả năng phản hồi và độ ổ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

Chúng tôi gửi bảng điều khiển Thông tin chi tiết về hiệu suất dưới dạng thử nghiệm để xác định cách giải quyết ba vấn đề chính hiệu quả hơn: giảm mật độ thông tin của bảng điều khiển Hiệu suất, hỗ trợ sử dụng tính năng phân tích theo trường hợp và giảm bớt công sức tìm hiểu khi sử dụng bảng điều khiển Hiệu suất.

Chúng tôi đã học được rất nhiều từ thử nghiệm thông qua phản hồi của nhà phát triển. Chúng tôi đã chứng thực việc sử dụng phương pháp phân tích theo trường hợp (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") cực kỳ hữu ích và rằng các tính năng như Theo dõi sự 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.

Ngoài ra, các 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 so với bảng Hiệu suất. Điều này cho thấy rằng việc giảm mật độ thông tin là điều rất thú vị. Tuy nhiên, việc giảm mật độ này đi kèm với cái giá phải trả 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 để có được dữ liệu chi tiết cần thiết nhằm hành động.

Những kiến thức chúng tôi đúc kết đượ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 theo trường hợp sử dụng và cải thiện mật độ thông tin, cùng với tính năng tích hợp Lighthouse, sẽ giúp chúng tôi cung cấp thông tin chi tiết về hiệu suất trang hữu ích hơn bao giờ hết.

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

Khi chúng tôi triển khai các tính năng mới, chúng tôi hoan nghênh ý kiến phản hồi của chúng tôi. Nếu bạn có ý tưởng về cách cải thiện các tính năng đã thêm (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 quá mức), chúng tôi rất mong nhận được phản hồi của bạn. Chúng tôi muốn biết những điều có hiệu quả, những điều chưa hiệu quả và những điều bạn nghĩ cần cải thiện. Cảm ơn bạn.