Adakah Cara Untuk Mengetahui Code yang Tidak Terpakai pada suatu file website Kita?

Haloo Agan dan sista yang lagi Nongkrong di forum yang kita cintai ini. Saya mau bertanya, adakah cara untuk mengetahui code2 yang tidak terpakai dari suatu file website kita.. Misalnya gini, saya memiliki beberapa file untuk website saya.. yaitu Index.php - Style.css -dll kemudian saya ingin menghapus beberapa script/code pada file style.css yang tidak terpakai, nah untuk mengetahui kode mana saja yang tidak terpakai itu caranya bagaimana? soalnya kalo di cek satu per satu agak pusing juga, mengingat kodenya sudah begitu banyak.

Terimakasih, semoga ada yang berkenan ngasih solusi.

avatar Supriono
@Supriono

84 Kontribusi 16 Poin

Diperbarui 7 tahun yang lalu

2 Jawaban:

kalau untuk cek css yang tidak terpakai hanya pada satu halaman bisa gan. pakai chrome devtool, di tab Audits kita bisa run Web Page Performance. disitu nanti muncul berapa % css rules yang tidak terpakai berikut detail elementnya. misalnya kalau saya cek halaman ini hasilnya seperti ini

Remove unused CSS rules (418)
418 rules (83%) of CSS not used by the current page.
tomorrow-night.min.css: 100% is not used by the current page.
app.css: 82% is not used by the current page.

itu file css bisa di breakdown untuk liat elemen apa aja yang ga kepake. tapi ya itu tadi, cuma bisa lihat per halaman. belum tau juga ada yang bisa cek keseluhan atau ngga.

kalo menurut saya lebih enak pake scss, bikin rules sendiri untuk masing2 halaman. jadi pengecekan jauh lebih mudah dan kalau halaman ga terpakai bisa langsung delete juga file scssnya tanpa takut berpengaruh ke halaman lain.

avatar rachmatsasongko
@rachmatsasongko

410 Kontribusi 426 Poin

Dipost 7 tahun yang lalu

cara manaual aja sih gan, dengan melihat langsung efek pada browser.

liat tag lembuka dan penutup nya aja, misal

.......... ....... .....

select lalu hapus, baru liat perubahannya pada browser

avatar thomsonmail
@thomsonmail

126 Kontribusi 25 Poin

Dipost 7 tahun yang lalu

Login untuk ikut Jawaban