JavaScript trùng lặp

Connor Clark
Connor Clark

Ngày xuất bản: 8 tháng 10 năm 2025

Xoá các mô-đun JavaScript lớn, trùng lặp khỏi gói để giảm số byte mà hoạt động mạng tiêu thụ một cách không cần thiết.

Cách truyền thông tin chi tiết này

  • Đối với các trang có nhiều gói JavaScript, hãy chia mã các phần phụ thuộc lớn mà nhiều gói cần thành một gói chung.
  • Trong từng gói JavaScript, hãy đảm bảo chỉ có một phiên bản của các phần phụ thuộc lớn.

Bạn có thể tìm hiểu sâu hơn về các gói JavaScript trên một trang bằng cách nhấp vào View Treemap. Thao tác này sẽ mở các gói của trang trong Treemap Lighthouse.

Biểu đồ dạng cây Lighthouse. Các nút có màu biểu thị các mô-đun trùng lặp được tìm thấy trên nhiều gói JavaScript
Biểu đồ dạng cây của Lighthouse. Các nút có màu biểu thị các mô-đun trùng lặp được tìm thấy trong nhiều gói JavaScript.
  • Trong PageSpeed Insights và trong báo cáo Lighthouse, nút này nằm trong danh mục Hiệu suất bên dưới các chỉ số:

    Nút Xem biểu đồ dạng cây của Lighthouse
    Nút "Xem biểu đồ cây" của Lighthouse.
  • Trong bảng điều khiển Hiệu suất của Công cụ cho nhà phát triển, nút này nằm trong thông tin chi tiết JavaScript trùng lặp:

    Nút Treemap (Sơ đồ cây) trong chế độ xem Bảng điều khiển hiệu suất của Công cụ cho nhà phát triển
    Nút "Xem biểu đồ cây" của bảng điều khiển Hiệu suất trong Công cụ cho nhà phát triển.

Hướng dẫn cụ thể theo ngăn xếp

Tạo một điểm truy cập bổ sung cho các phần phụ thuộc phổ biến, lớn và bật tính năng phân tách mã của trình đóng gói JavaScript cho những phần sau:

Tài liệu tham khảo khác