Tentunya kita sangat senang menjumpai blog yang setelah kita buka, blog tersebut mempunyai kecepatan loading blog yang begitu cepat, kita jadi enak dibuatnya karena tidak harus menunggu terlalu lama untuk membukanya. Banyaknya widget yang semestinya tidak perlu atau sejenis pernak-pernik untuk mempercantik blog juga menyebabkan loading blog menjadi lambat. Di dalam template blog tentunya akan ditermukan beberapa kode css yang semestinya tidak ikut terpasang. Nah di postingan ini akan menggunakan browser Google Chrome untukmenghapus css yang tidak terpakai membuat loading blog semakin cepat. Bisanya kode css didalam template blogspot ini berada diantara kode <b:skin><![CDATA[ dan berakhir pada kode ]]></b:skin> dan biasanya kode css itu ditandai dengan kode kurawal "{ }untuk variabelnya".
Berikut cara mempercepat loading blog dengan menghapus kode css tidak terpakai
1. Gunakan Google Chrome untuk membuka blog anda
2. Lalu pada keyboard, silahkan tekan 3 tombol secara bersamaan ( ctrl+shift+I )
3. Klik "Audits" dan hilangkan centang pada "Network Utilization".
4. Centang pada "Web Page Performance"
5. Lalu klik "Audit Present State", lihat gambar dibawah ini.
6. Lalu klik "Run"
7. Saatnya menunggu respon dan laporan dari google chrome. Anda akan diberikan kode css yang tidak terpakai pada "Remove unused CSS rules", lihat contoh hasilnya dibawah ini :
8. Selesai, sekarang tugas anda hanya mengedit kode css anda dan hapus css yang tidak terpakai
Tidak ada komentar:
Posting Komentar