Saya telah mengoptimalkan untuk menggabungkan semua file CSS dan JavaScript di situs saya.
.
Jika saya menjalankan Yslow di Firefox untuk melihat komponen yang dimuat untuk situs ini, ini menunjukkan bahwa ia memuat 8 file JavaScript, dan 8 file CSS.
Mengapa file-file ini tidak digabungkan?
Jawaban:
File CSS dan JS teragregasi dalam Drupal 7 dibagi menjadi beberapa kelompok, sehingga Anda secara alami akan mendapatkan lebih banyak file daripada yang biasa Anda lihat di Drupal 6.
Saya tidak akan membahas semuanya karena sudah ada artikel bagus di luar sana yang menjelaskannya dengan sangat baik.
D7 menggunakan strategi baru untuk mengatasi ini - agregat dibagi menjadi tiga kelompok: CSS_SYSTEM, CSS_DEFAULT, dan CSS_THEME untuk gaya, dan JS_LIBRARY, JS_DEFAULT, dan JS_THEME untuk Javascript. Setiap grup dibagi lagi menjadi file yang memuat pada setiap halaman, dan file yang memuat bersyarat berdasarkan opsi 'every_page'. Perhatikan bahwa opsi ini berpotensi menimbulkan kebingungan - ini tidak menyebabkan file dimuat pada setiap halaman - ini hanyalah "petunjuk" bagi sistem inti untuk menempatkannya dalam grup itu.
Pada akhirnya, maksud dari divisi ini adalah untuk mengelompokkan file ke dalam kelompok fungsional yang lebih kecil dan kecil kemungkinannya untuk dipecah oleh gaya atau skrip kondisional yang keliru. Kami mendapatkan file terpisah untuk pustaka inti, tema, dan file khusus halaman. Melihat hasilnya, saham Drupal 7 menghasilkan delapan stylesheet (termasuk gaya browser), sementara D6 hanya memiliki tiga instalasi default. Apakah ini optimal? Jawabannya akan berbeda untuk setiap situs.
Jika itu menyebabkan masalah, Anda mungkin ingin melihat modul Core Library :
Modul ini mengubah proses mecanisme agregasi inti Drupal. Ini sangat mengurangi I / O dan jumlah file agregat, dan meningkatkan peluang hit cache klien, oleh karena itu sementara itu menghasilkan file agregat yang lebih besar, itu sangat mengurangi pemanfaatan bandwidth saat pengguna menelusuri.