Webpack

Penggabungan untuk aplikasi web modern

Aplikasi web modern sering menggunakan alat pengelompokan untuk membuat "paket" produksi file (skrip, stylesheet, dll.) yang dioptimalkan, diminifikasi, dan dapat didownload dalam waktu lebih singkat oleh pengguna Anda. Dalam Pengoptimalan Performa Web dengan webpack, kita akan membahas cara mengoptimalkan resource situs secara efektif menggunakan webpack. Hal ini dapat membantu pengguna memuat dan berinteraksi dengan situs Anda dengan lebih cepat.

Logo Webpack.

Webpack adalah salah satu alat bundling yang paling populer yang digunakan saat ini. Dengan memanfaatkan fitur untuk mengoptimalkan kode modern, skrip pemisahan kode menjadi bagian penting dan tidak penting serta menghapus kode yang tidak digunakan (untuk menamai beberapa pengoptimalan) dapat memastikan aplikasi Anda memiliki biaya jaringan dan pemrosesan yang minimal.

Sebelum dan sesudah menerapkan pengoptimalan
  JavaScript. Time to Interactive ditingkatkan  

Diilhami oleh Pemisahan kode di Bundle Buddy oleh Susie Lu

Mari kita mulai dengan melihat pengoptimalan salah satu resource termahal di aplikasi modern – JavaScript.