Cara Menemukan Gaya CSS yang Tidak Digunakan di Stylesheet Anda
Meskipun stylesheet Anda di-cache, pertama kali seseorang mengunjungi situs Anda, file CSS yang membengkak benar-benar dapat memperlambat situs Anda. Ini tidak terlalu bagus untuk kesan pertama. Seiring pertumbuhan situs, mereka cenderung berkembang dengan widget dan objek baru yang terus disempurnakan oleh desainer dengan semakin banyak opsi stylesheet. Seiring waktu, stylesheet Anda bisa menjadi sangat membengkak dan menjadi bagian penting dari mengapa situs Anda mengunduh lebih lambat daripada yang lain.
Saya telah melihat alat verifikasi CSS lain di web. Kami telah menggunakan CSS bersih untuk mengurangi ukuran file dengan mengatur dan memperkecil data di dalamnya dengan lebih baik. Saat Anda menggunakan pihak ketiga untuk menganalisis situs Anda, Anda harus berhati-hati. Jika mereka mengikis satu halaman dan menganalisis CSS Anda, alat ini mungkin telah Anda hapus, mengurangi banyak gaya yang digunakan di halaman lain.
Tidak demikian halnya dengan CSS yang tidak digunakan - alat itu Andrew Baldock dari Mindjet, a pemetaan pikiran aplikasi, menunjukkan saya kemarin. Alat ini merayapi situs Anda dan mengidentifikasi CSS yang tidak digunakan. Anda bahkan dapat memeriksa gaya yang ingin Anda pertahankan terlepas dari analisisnya. Untuk melengkapinya, Anda dapat mengunduh stylesheet setelah dijalankan melalui rutinitas minify.
Di atas adalah tempat dashboard CSS yang tidak digunakan menemukan bahwa itu dapat mengurangi stylesheet saya sebesar 56%. Kami akan terus menguji alat ini – Saya masih khawatir tentang objek yang kami tarik melalui JavaScript dan Ajax. Namun, ini sepertinya merupakan sumber daya yang bagus bagi kami.