Cara Menghapus CSS Blog Tidak Terpakai Menggunakan Chrome

Hapus CSS Sampah / Tidak terpakai untuk Mengurangi Ukuran Stylesheets dan Mempercepat Laju Buka Situs mu

File CSS dari situs Web / Blog mu mungkin memiliki beberapa peraturan berlebihan yang tidak lagi digunakan oleh elemen manapun pada halaman web. Misalnya, Kau mungkin telah menambahkan kotak pencarian situs di situs mu dan gaya terkait masuk ke stylesheet.
Nantinya, jika kau memutuskan untuk menghapus kotak pencarian nya itu, Tetapi Gaya Style dari CSS nya mungkin terus ada di Situs / Template / Tema mu. Meskipun tidak digunakan di manapun.
Entri yang tidak terpakai dalam file CSS mu itu meningkatkan waktu buka halaman situs web mu dan juga mempengaruhi kinerja situs karena peramban harus melakukan kerja ekstra untuk menguraikan semua aturan ekstra. Dan bahkan jika dampaknya terhadap kinerja minimal, akan membuat tugas mu menjaga CSS lebih mudah jika file tetap bersih dan terstruktur dengan baik.

Opera dan browser Firefox memiliki add-on populer

Yang disebut Dust Me yaitu yang memindai halaman web mu saat ini dan mencantumkan semua aturan CSS yang tidak terpakai yang didefinisikan dalam stylesheet namun tidak digunakan pada halaman. Namun, pengguna Google Chrome tidak perlu memasang peng'gaya apa pun karena Alat Pengembang yang ada di dalam browser Google (Chrome) itu sendiri menawarkan opsi ini.

Cara Melihat CSS Sampah di Chrome untuk Menghapusnya

Hapus Unused CSS / CSS tidak terpakai yang menjadi Sampah dari Situs Blog / WEBSITE mu.
Berikut adalah cara mudah menemukan semua penyeleksi yang tidak terpakai di file CSS mu di Google Chrome:

• Pertama Buka halaman situs mu di dalam Google Chrome dan kemudian jalankan Alat Dev yang tersedia di File -> Tools -> Developers Tools.

• Kedua Klik tab Audit di dalam Alat Dev dan pilih opsi "Kinerja Halaman Web" dan "Reload Page and Audit on Load".
  Sekarang klik tombol "Run" untuk memulai proses audit CSS.

• Ketiga Pada halaman hasil, perluas kelompok "Hapus Aturan Unused CSS" dan pilih file CSS yang ditautkan dari situs mu. >
  
  
  Kau mungkin mengabaikan file CSS yang ditambahkan oleh plugin dan widget sosial karena Anda tidak memiliki kontrol atas file tersebut.

Di sini kau akan mendapatkan daftar urutan dari semua gaya yang didefinisikan dalam file CSS namun tidak digunakan di manapun pada halaman nya.
Kau bisa menyalin dan menyimpan hasilnya dalam file teks dan mengulang langkah-langkah untuk beberapa halaman lain di situs mu.

Hal ini penting karena tidak semua penyeleksi dapat digunakan pada semua halaman. Kau dapat menemukan penghitungan berbagai penyeleksi di resultset gabungan, mungkin menggunakan Google Spreadsheet, dan pemilih dengan hitungan tertinggi mungkin bisa "aman" dihapus.

Referenci By: L a b n o l