In un'applicazione web su cui sto lavorando, ci sono 3 tipi di script (lo stesso vale per i fogli di stile):
- Quelle necessarie su ogni singola pagina (ad es. jquery)
- Quelle necessarie su più pagine, ma non tutte (ad esempio una libreria lightbox utilizzata su pagine che mostrano immagini caricate dall'utente)
- Quelle necessarie su una singola pagina (ad esempio qualcosa di specifico per la funzionalità di quella pagina)
Ogni pagina dovrebbe avere il proprio bundle che raggruppa tutti gli script di cui ha bisogno? O ogni tipo di script dovrebbe essere il proprio pacchetto (ad esempio una pagina potrebbe caricare 3 pacchetti - essentialScripts.js, mediaLibraries.js e pageSpecificScripts.js)? O c'è un approccio migliore di cui non sono a conoscenza?
Quali sono le migliori pratiche per il raggruppamento di questi script e quali vantaggi / svantaggi ci sono per approcci diversi?
(Non sono sicuro di quanto sarà rilevante, ma il progetto su cui sto lavorando utilizza il bundle ASP.NET MVC. Inoltre, per semplificare le cose, supponiamo che nessuno dei file arriverà da un terzo party CDN in modo che vengano tutti caricati dallo stesso luogo e il client non ne avrà nessuno visitando altri siti.)