Gói web

Gói cho các ứng dụng web hiện đại

Addy Osmani
Addy Osmani

Các ứng dụng web hiện đại thường sử dụng công cụ nhóm để tạo một "gói" tệp sản xuất (tập lệnh, biểu định kiểu, v.v.) được tối ưu hoá, giảm thiểu và có thể được người dùng tải xuống trong thời gian ít hơn. Trong bài viết Tối ưu hoá hiệu suất web bằng gói web, chúng tôi sẽ hướng dẫn cách tối ưu hoá tài nguyên trang web một cách hiệu quả bằng gói web. Điều này có thể giúp người dùng tải và tương tác với trang web của bạn nhanh hơn.

Biểu trưng Webpack.

webpack là một trong những công cụ gói phổ biến nhất được sử dụng hiện nay. Tận dụng các tính năng của thư viện này để tối ưu hoá mã hiện đại, việc phân tách mã thành các phần quan trọng và không quan trọng, đồng thời loại bỏ mã không dùng đến (nhưng một vài tính năng tối ưu hoá) có thể đảm bảo ứng dụng của bạn có mạng và chi phí xử lý ở mức tối thiểu.

Trước và sau khi áp dụng tính năng tối ưu hoá JavaScript. Thời gian tương tác đã được cải thiện  

Lấy cảm hứng từ tác phẩm Phân tách mã trong Bundle Buddy của Susie Lu

Hãy bắt đầu bằng cách xem xét việc tối ưu hoá một trong những tài nguyên tốn kém nhất trong một ứng dụng hiện đại – JavaScript.