Gói web

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

Addy Osmani

Các ứng dụng web hiện đại thường sử dụng công cụ đóng gói để tạo một "gói" (bundle) các tệp (tập lệnh, tệp định kiểu, v.v.) được tối ưu hoá, rút gọn và người dùng có thể tải xuống trong thời gian ngắn hơn. Trong phần Tối ưu hoá hiệu suất web bằng webpack, chúng ta sẽ tìm hiểu cách tối ưu hoá hiệu quả tài nguyên trang web bằng webpack. Đ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ụ đóng gói phổ biến nhất hiện nay. Bằng cách tận dụng các tính năng của Kotlin để tối ưu hoá mã hiện đại, phân tách mã thành các đoạn quan trọng và không quan trọng, đồng thời loại bỏ mã không sử dụng (chỉ nêu một vài tính năng tối ưu hoá), bạn có thể đảm bảo ứng dụng của mình có chi phí xử lý và mạng tối thiểu.

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

Lấy cảm hứng từ bài viết 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 ứng dụng hiện đại – JavaScript.