Gói là một công cụ được sử dụng để kết hợp nhiều tệp, chẳng hạn như JavaScript, CSS hoặc hình ảnh, thành một tệp hoặc một số lượng nhỏ tệp. Mã rút gọn kết quả có thể được cung cấp cho trình duyệt dưới dạng một yêu cầu HTTP duy nhất.

Rút gọn là quá trình loại bỏ các ký tự không cần thiết, chẳng hạn như khoảng trắng và nhận xét, khỏi mã. Đây là một ví dụ về cách gói và rút gọn có thể đơn giản hóa mã:

// Before bundling and minification
var test = [];
for (var i = 0; i < 100; i++) {
  test[i] = i;
}

// After bundling and minification
for(var a=[i=0];++i<20;a[i]=i);

• Kích thước tệp nhỏ hơn : Mã rút gọn có thể được tìm nạp từ máy chủ nhanh hơn, giúp cải thiện hiệu suất.
• Giảm thời gian phân tích cú pháp : Mã được rút gọn thường dễ dàng hơn và nhanh hơn để phân tích cú pháp so với mã chưa được rút gọn vì nó có ít ký tự hơn và nhỏ gọn hơn.
• Giảm lưu lượng truy cập mạng : Gói giảm số lượng yêu cầu được thực hiện cho máy chủ, điều đó có nghĩa là cần ít băng thông hơn để truyền dữ liệu qua mạng.

Trong tình huống tốt nhất, chúng tôi chia JavaScript của mình thành các tệp và gọi chúng như thế này:

<script src="//code.jquery.com/jquery-1.12.0.min.js"></script>
<script src="/js/foo.js"></script>
<script src="/js/bar.js"></script>
<script src="/js/foobar.js"></script>
<script>
// Here goes some code
</script>

Hơn nữa, tìm nạp nhiều tệp qua mạng có thể làm chậm trang web của bạn. Khi bạn yêu cầu tệp JavaScript, trình duyệt phải tạm dừng tải trang cho đến khi nhận được tệp. Đây là lý do tại sao bó là quan trọng. Việc kết hợp tất cả các tệp JavaScript vào một tệp duy nhất sẽ giảm số lượng yêu cầu được gửi đến máy chủ, điều này có thể cải thiện hiệu suất trang web của bạn.

Chúng tôi có thể có hàng chục, thậm chí hàng trăm tệp JavaScript trong một dự án. Gói có thể giúp giảm số lượng yêu cầu được thực hiện cho máy chủ, điều này có thể cải thiện hiệu suất trang web của bạn.

Tóm lại là

Gói là một kỹ thuật quan trọng để tối ưu hóa hiệu suất của các ứng dụng web. Bằng cách kết hợp nhiều tệp vào một gói duy nhất, bạn có thể giảm số lượng yêu cầu được gửi tới máy chủ, cải thiện hiệu suất mạng và giúp mã của bạn dễ phân tích cú pháp hơn.