Dalam aplikasi web yang sedang saya kerjakan, ada 3 jenis skrip (sama berlaku untuk stylesheet):
- Yang dibutuhkan pada setiap halaman (misalnya jquery)
- Yang diperlukan pada beberapa halaman, tetapi tidak semua (mis. Perpustakaan lightbox digunakan pada halaman yang menampilkan gambar yang diunggah pengguna)
- Yang diperlukan pada satu halaman (mis. Sesuatu yang spesifik untuk fungsi halaman itu)
Haruskah setiap halaman memiliki bundel sendiri yang menggabungkan semua skrip yang dibutuhkan? Atau haruskah setiap jenis skrip menjadi bundel sendiri (mis. Sebuah halaman dapat memuat 3 bundel - essentialScripts.js, mediaLibraries.js, dan pageSpecificScripts.js)? Atau ada pendekatan yang lebih baik yang tidak saya sadari?
Apa praktik terbaik untuk menggabungkan skrip-skrip ini, dan apa keuntungan / kerugian yang ada untuk pendekatan yang berbeda?
(Saya tidak yakin seberapa relevan ini akan, tetapi proyek yang saya kerjakan menggunakan bundling ASP.NET MVC. Juga, untuk menjaga hal-hal lebih sederhana, mari kita asumsikan bahwa tidak ada file yang akan datang dari CDN pihak ke-3 jadi semuanya dimuat dari tempat yang sama dan klien tidak akan mendapatkan dari mengunjungi situs lain.)