Webpack

Pemaketan untuk aplikasi web modern

Addy Osmani
Addy Osmani

Aplikasi web modern sering kali menggunakan alat pemaketan untuk membuat "paket" file produksi (skrip, stylesheet, dll.) yang dioptimalkan, diminimalkan, dan dapat didownload dalam waktu yang lebih singkat oleh pengguna. Di bagian 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 lebih cepat.

Logo Webpack.

webpack adalah salah satu alat {i>bundling<i} yang paling populer digunakan saat ini. Memanfaatkan fiturnya untuk mengoptimalkan kode modern, skrip pemisahan kode menjadi bagian penting dan tidak penting, serta menghapus kode yang tidak digunakan (sebagai nama tetapi beberapa pengoptimalan) dapat memastikan aplikasi Anda memiliki biaya jaringan dan pemrosesan yang minimal.

Sebelum dan sesudah menerapkan pengoptimalan JavaScript. Waktu untuk Interaktif ditingkatkan  

Terinspirasi oleh Code-splitting in Bundle Buddy oleh Susie Lu

Mari kita mulai dengan mengoptimalkan salah satu resource paling mahal dalam aplikasi modern, yaitu JavaScript.