Cara Menemukan Gaya CSS yang Tidak Digunakan di Stylesheet Anda

css

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 berkembangnya situs, mereka cenderung berkembang dengan widget dan objek baru yang terus disempurnakan oleh desainer dengan lebih banyak opsi stylesheet. Seiring waktu, lembar gaya 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 mengecilkan 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 tersebut mungkin telah Anda hapus untuk 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, tunjukkan kemarin. Alat ini merayapi situs Anda dan mengidentifikasi CSS yang tidak digunakan. Anda bahkan dapat mencentang gaya yang ingin Anda pertahankan terlepas dari analisisnya. Sebagai pelengkap, Anda dapat mengunduh stylesheet setelah dijalankan melalui rutinitas minify.

css yang tidak terpakai

Di atas adalah tempat dashboard CSS yang tidak digunakan menemukan bahwa itu bisa 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 tampak seperti sumber daya yang bagus bagi kami.

2 Komentar

  1. 1
  2. 2

Bagaimana menurut Anda?

Situs ini menggunakan Akismet untuk mengurangi spam. Pelajari bagaimana data komentar Anda diproses.