Il raggruppamento e la minificazione degli script sono controproducenti?

I browser scaricheranno fino a 6 file in parallelo dallo stesso dominio: link

Questo include fogli di stile, immagini e così via. Per prestazioni ottimali, è necessario combinare le risorse per assicurarsi che non siano necessarie più di 6 richieste (parallele) per caricare tutto sulla pagina. Ciò significa combinare file di script, combinare immagini in sprite CSS, combinare fogli di stile e così via. Se devi caricare altro, devi dividere le richieste tra i nomi di dominio.

Per quanto riguarda la minimizzazione, dipende da quanto è grande il file. Minimizzare un file di piccole dimensioni non darà molti vantaggi, ma la minimizzazione di un file di grandi dimensioni può fare la differenza sulle connessioni di rete lente, anche se combinato con la compressione gzip. Vedi link

Soluzioni come requirejs sono pensate per il caricamento di script non necessari per mostrare inizialmente la pagina, ma servono invece per interagire con esso. Anche in questo caso si consiglia di combinare gli script per rimanere al di sotto della soglia delle 6 richieste.

Questo dipende molto dalle dimensioni e dalla varietà dei tuoi script. Se ogni pagina del tuo sito ha bisogno della maggior parte degli script, combinare e minimizzare. Tuttavia, se molti script sono specifici per le pagine e non globali, quindi utilizzare un caricatore di dipendenze come requirejs o headjs avrà un valore. Soprattutto per i dispositivi mobili.

È stata la mia esperienza che questa è più una preferenza personale però. Usa quello con cui ti trovi più a tuo agio. Il problema di prestazioni è minimo rispetto al tuo divertimento personale nella gestione del codice.