Việc giảm thiểu kích thước 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 của báo cáo Lighthouse liệt kê tất cả các tệp JavaScript chưa được giảm thiểu, cùng với các dữ liệu có thể tiết kiệm được tính bằng kibibyte (KiB) khi các tệp này được giảm thiểu:
![Ảnh chụp màn hình trong quá trình kiểm tra Lighthouse Minify JavaScript](https://developer.chrome.google.cn/static/docs/lighthouse/performance/unminified-javascript/image/a-screenshot-the-lightho-e35d561e16c6f.png?authuser=5&hl=vi)
Cách giảm kích thước tệp JavaScript
Rút gọn là quá trình xoá khoảng trắng và mọi mã không cần thiết để tạo một 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. Webpack v4 bao gồm một trình bổ trợ cho thư viện này theo mặc định để 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 Manage > Configuration > Development (Quản trị > Cấu hình > Phát triển). Bạn cũng có thể định cấu hình các tuỳ chọn tổng hợp nâng cao hơn thông qua các mô-đun bổ sung để tăng tốc độ của trang web bằng cách nối, giảm kích thước và nén các tài sản JavaScript.
Joomla
Một số tiện ích Joomla có thể làm tăng tốc độ của trang web bằng cách 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 tất cả tài sản JavaScript trong quá trình triển khai nội dung tĩnh và tắt tính năng giảm kích thước tích hợp.
Thể hiện cảm xúc
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 các tập lệnh. Ngoài ra, bạn cũng nên sử dụng quy trình xây dựng để tiến hành rút gọn trước nếu có thể.