Come funziona l'ottimizzazione della larghezza di banda?

Ho ottimizzato per combinare tutti i file CSS e JavaScript nel mio sito.

.

Se eseguo Yslow in Firefox per vedere i componenti caricati per questo sito, mostra che carica 8 file JavaScript e 8 file CSS.

Perché questi file non sono combinati?

I file CSS e JS aggregati in Drupal 7 sono suddivisi in gruppi, quindi otterrai naturalmente più file di quelli che sei abituato a vedere in Drupal 6.

Non entrerò nel dettaglio in quanto c'è già un eccellente articolo là fuori che lo spiega in dettaglio.

D7 utilizza una nuova strategia per risolvere questo problema: gli aggregati sono suddivisi in tre gruppi: CSS_SYSTEM, CSS_DEFAULT e CSS_THEME per gli stili e JS_LIBRARY, JS_DEFAULT e JS_THEME per Javascript. Ogni gruppo è ulteriormente suddiviso in file che si caricano su ogni pagina e file che si caricano in modo condizionale in base all'opzione 'every_page'. Nota che questa opzione ha un certo potenziale di confusione - non causa il caricamento del file su ogni pagina - è semplicemente un "suggerimento" al sistema principale per inserirlo in quel gruppo.

In definitiva, l'intento di queste divisioni è di raggruppare i file in gruppi funzionali che sono più piccoli e hanno meno probabilità di essere divisi da uno stile o script condizionali errati. Otteniamo file separati per le librerie principali, il tema e i file specifici della pagina. Guardando i risultati, un Drupal 7 di serie emette otto fogli di stile (inclusi gli stili del browser), mentre D6 ne ha solo tre nell'installazione predefinita. È ottimale? La risposta sarà diversa per ciascun sito.

Se ti sta causando problemi, potresti dare un'occhiata al modulo Core Library :

Questo modulo modifica il processo di mecanismo dell'aggregazione core di Drupal. Riduce notevolmente l'I / O e il numero aggregato di file e migliora le possibilità di hit della cache del client, quindi mentre produce file aggregati più grandi, riduce notevolmente l'utilizzo della larghezza di banda mentre gli utenti navigano.