Việc giảm thiểu tệp JavaScript có thể giảm kích thước tải trọng và thời gian phân tích cú pháp tập lệnh. Mục Cơ hội trong báo cáo Lighthouse liệt kê tất cả các tệp JavaScript chưa được rút gọn, cùng với lượng dữ liệu có thể tiết kiệm được tính bằng kibibyte (KiB) khi các tệp này được rút gọn:
Cách rút gọn tệp JavaScript
Giảm thiểu là quá trình xoá khoảng trắng và bất kỳ mã nào không cần thiết để tạo tệp mã nhỏ hơn nhưng hoàn toàn hợp lệ. Terser là một công cụ nén JavaScript phổ biến. Theo mặc định, webpack v4 bao gồm một trình bổ trợ cho thư viện này để tạo các tệp bản dựng rút gọn.
Hướng dẫn dành riêng cho ngăn xếp
Drupal
Đảm bảo bạn đã bật tuỳ chọn Aggregate JavaScript files (Tổng hợp các tệp JavaScript) trên trang Administration » Configuration » Development (Quản trị » Cấu hình » Phát triển).
Joomla
Một số tiện ích cục bộ có thể làm tăng tốc độ trang web của bạn bằng cách ghép nối, giảm kích thước và nén các tập lệnh. Ngoài ra, còn có các mẫu cung cấp chức năng này.
Magento
Sử dụng Terser để giảm kích thước của tất cả tài sản JavaScript trong quá trình triển khai nội dung tĩnh, đồng thời tắt tính năng giảm kích thước tích hợp.
Phản ứng
Nếu hệ thống xây dựng của bạn tự động giảm kích thước tệp JS, hãy đảm bảo rằng bạn đang triển khai bản dựng chính thức của ứng dụng. Bạn có thể kiểm tra điều này bằng tiện ích React Developer Tools.
WordPress
Một số trình bổ trợ của WordPress có thể làm tăng tốc độ của trang web bằng cách ghép, giảm kích thước và nén tập lệnh. Bạn cũng nên dùng quy trình tạo để tiến hành thu nhỏ trước, nếu có thể.