Sử dụng bộ sưu tập để sắp xếp ngăn nắp các trang
Lưu và phân loại nội dung dựa trên lựa chọn ưu tiên của bạn.
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 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 đồ 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 "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:
[[["Dễ hiểu","easyToUnderstand","thumb-up"],["Giúp tôi giải quyết được vấn đề","solvedMyProblem","thumb-up"],["Khác","otherUp","thumb-up"]],[["Thiếu thông tin tôi cần","missingTheInformationINeed","thumb-down"],["Quá phức tạp/quá nhiều bước","tooComplicatedTooManySteps","thumb-down"],["Đã lỗi thời","outOfDate","thumb-down"],["Vấn đề về bản dịch","translationIssue","thumb-down"],["Vấn đề về mẫu/mã","samplesCodeIssue","thumb-down"],["Khác","otherDown","thumb-down"]],["Cập nhật lần gần đây nhất: 2025-10-08 UTC."],[],[]]