Saya menjalankan beberapa tes cepat di blog, dan saya selalu mendapat keluhan tentang CSS yang tidak digunakan. Tapi ini bukan CSS yang tidak pernah saya gunakan, hanya saja tidak digunakan pada halaman tersebut.
Sekarang saya bekerja dengan cara terstruktur, tetapi masih harus ada beberapa CSS di file yang tidak akan digunakan, karena Anda membutuhkannya di halaman lain.
Saya tidak berpikir bahwa menggunakan file CSS yang berbeda pada halaman yang berbeda adalah cara untuk pergi, saya pikir Anda jauh lebih baik hanya membuat satu file besar yang bisa di-cache.
Sekarang apakah ada cara yang elegan untuk menangani ini, atau apakah Anda hanya bertahan dengan itu.
sumber
Saya pikir ini adalah kelemahan dari alat speedtest yang Anda gunakan, bahwa itu tidak melihat seluruh situs dan melihat CSS mana yang tidak pernah digunakan sama sekali. Jika Anda dapat menemukan alat yang berfungsi, beri tahu kami!
Ya, itu masuk akal, kecuali ada satu set halaman yang membutuhkan sedikit tambahan CSS dalam hal ini Anda dapat memasukkannya pada mereka.
sumber
media="print"
- beberapa browser tidak akan mengeluarkan permintaan untuk itu sampai Anda benar-benar mencoba untuk mencetak / mempratinjau halaman.Ada plug-in Firefox kecil yang berguna yang disebut Dust-Me Selectors , yang memeriksa melalui CSS Anda dan melaporkan aturan yang tidak digunakan. Namun, itu tidak bekerja dengan versi terbaru dari Firefox (v8.0), yang agak memalukan.
PS: Kalau saya jadi Anda, saya akan mengambil CSS Lint dengan sejumput garam - ada aliran pemikiran yang mengatakan bahwa "rekomendasinya" sangat bagus, dan benar-benar berlebihan. (Untuk lebih jelasnya, lihat artikel persuasif Matt Wilcox, " CSS Lint berbahaya " ). Paling-paling, ini benar-benar tidak resmi ... dan, mari kita hadapi itu, apakah kita benar - benar membutuhkan alat lain / pseudo-standar untuk memuaskan?
sumber
Cara paling optimal dan terukur yang bisa saya bayangkan untuk menangani ini terdiri dari:
Membuat file CSS utama untuk segala sesuatu yang berhubungan dengan "ruang lingkup global" (seperti desain situs, kelas global, perpustakaan, plugin, dll ...).
Membuat sistem yang melibatkan folder yang berisi satu file CSS unik per halaman (hanya jika diperlukan). File-file ini dapat memiliki nama file yang sama dengan halaman yang ditautkan sehingga Anda dapat menjalankan skrip sisi server pada setiap halaman yang mencari file CSS di folder itu dan menambahkannya halaman jika ada.
Mungkin, membuat file CSS berbeda untuk hal-hal spesifik peramban yang Anda muat hanya ketika pengunjung memiliki peramban relatif.
Dengan melakukan itu, Anda akan berakhir dengan cara yang solid dan dioptimalkan untuk memisahkan CSS Anda. Yap masih akan ada aturan yang tidak digunakan dalam file utama tetapi mereka akan berada di tempat yang seharusnya dalam sudut pandang logis.
Juga perlu diingat bahwa 3 "lapisan" file CSS itu akan di-cache seperti halnya file CSS tunggal.
sumber