Trang này được dịch bởi Cloud Translation API.

Bảng điều khiển hiệu suất: Phân tích hiệu suất của trang web

Dale St. Marthe

Sử dụng bảng điều khiển Hiệu suất để phân tích hiệu suất của trang web.

Tổng quan

Bảng điều khiển Performance (Hiệu suất) cho phép bạn ghi lại hồ sơ hiệu suất của CPU của các ứng dụng web. Phân tích hồ sơ để tìm điểm tắc nghẽn tiềm ẩn về hiệu suất và cách tối ưu hoá việc sử dụng tài nguyên.

Sử dụng bảng điều khiển Hiệu suất để làm những việc sau:

Ghi lại hồ sơ hiệu suất.
Thay đổi chế độ cài đặt chụp.
Phân tích báo cáo hiệu suất.

Để xem hướng dẫn đầy đủ về cách cải thiện hiệu suất trang web, hãy xem bài viết Phân tích hiệu suất thời gian chạy.

Mở bảng điều khiển Hiệu suất

Để mở bảng điều khiển Hiệu suất, hãy mở Công cụ cho nhà phát triển và chọn Hiệu suất trong một nhóm thẻ ở trên cùng.

Ngoài ra, hãy làm theo các bước sau để mở bảng điều khiển Performance (Hiệu suất) bằng Command menu (Trình đơn lệnh):

Mở Công cụ cho nhà phát triển.
Mở Trình đơn lệnh bằng cách nhấn:
macOS: Command+Shift+P
Windows, Linux, ChromeOS: Control+Shift+P
Bắt đầu nhập Performance panel, chọn Hiển thị bảng điều khiển Hiệu suất rồi nhấn Enter.

Ghi lại hồ sơ hiệu suất

Khi bạn đã sẵn sàng ghi hình, bảng Hiệu suất cung cấp cho bạn các lựa chọn sau:

Thay đổi chế độ cài đặt quay video

Cài đặt ghi cho phép bạn thay đổi cách Công cụ cho nhà phát triển ghi lại bản ghi hiệu suất và có thể cung cấp cho bạn thêm thông tin trong báo cáo. Nhấp vào Cài đặt chụp cài đặt để truy cập trình đơn Cài đặt chụp.

Chọn các tùy chọn sau từ trình đơn Cài đặt ghi lại:

Tắt mẫu JavaScript: Tắt tính năng ghi lại các ngăn xếp lệnh gọi JavaScript hiển thị trong kênh Chính được gọi trong quá trình ghi. Sẽ làm giảm chi phí hiệu suất.
Bật tính năng đo lường khả năng vẽ nâng cao (chậm): Ghi lại khả năng đo lường khả năng vẽ nâng cao. Gây cản trở đáng kể đến hiệu suất.
Bật số liệu thống kê về bộ chọn CSS (chậm): Thu thập số liệu thống kê về bộ chọn CSS. Gây cản trở đáng kể đến hiệu suất.
Điều tiết CPU: Mô phỏng tốc độ CPU chậm hơn.
Hạn chế mạng: Mô phỏng tốc độ mạng chậm hơn.
Tính năng đồng thời phần cứng: Định cấu hình giá trị được navigator.hardwareConcurrency báo cáo.

Phân tích báo cáo hiệu suất

Hãy xem bài viết Phân tích bản ghi hiệu suất để biết hướng dẫn đầy đủ về cách sử dụng bảng điều khiển Hiệu suất.

Phần sau đây trình bày một nhóm chủ đề trong hướng dẫn này cùng với các tài liệu hữu ích khác:

Cách tìm hiểu cách sử dụng báo cáo:

Để tìm hiểu cách tập trung vào những yếu tố quan trọng đối với quy trình công việc của bạn, hãy làm như sau:

Cách tìm hiểu về các thẻ Từ dưới lên, Cây cuộc gọi và Nhật ký sự kiện:

Xem hoạt động trong bảng

Cách phân tích báo cáo:

Nâng cao hiệu suất bằng các bảng điều khiển này

Khám phá các bảng điều khiển khác có thể giúp bạn cải thiện hiệu suất trang web: