RahmanCyber.NET | Blogger - Fitur komentar di Blogger itu merupakan hal yang penting, bagaimana jika tiba tiba tidak berfungsi? Coba coba cek strukturnya yang ada di bagian thread comment, eh ternyata gak ada yang diubah..
{getToc} $title={Table of Contents}
Hal ini lah yang kemarin sempat kita alami, tentu ini merupakan akibat dari saya yang sedang melakukan optimasi website besar besaran,
termasuk optimasi Page Speed terutama untuk tampilan mobile yang harus dibuat seminimal mungkin...
Hasil Riset yang menelurkan sebuah Catatan Optimasi Blog.
Tetapi ternyata saya kemaren baru sadar bahwa tombol replay yang ada di kotak komentar itu tidak berfungsi.
Setelah lihat saya ulik lagi, ketemu permasalahannya..
Bukan bundle.css nya..
Tapi ada di bagian Optimasi untuk Menghilangkan Render Blocking JavaScript dan CSS di Blogger.
Ya, saya mempraktekkan cara untuk Menghilangkan Render Blocking, sehingga nilai kecepatan blog saya di Pagespeed naik..
Sebelumnya saya memakai cara Mematikan Blogger external js & css files dengan menggunakan b:css='false' dan b:js='false' pada tag html.. tetapi ternyata tampilan Blog RahmanCyber.NET menjadi ACAK ACAKAN.. ^_^ , ya jelas lah.. karena itu fungsi untuk mematikan css dan js... haha
Lalu saya menggunakan cara lain dengan memanipulasi Head dan Body.
Caranya sebagai berikut
Saya Masuk ke Dashboard Blogger: Theme / Tema > Icon segitiga bawah > Edit HTML, dan mencari kode <head> dan ganti menjadi seperti dibawah ini.
<head> lalu saya lakukan hal yang sama untuk kode </head> dan saya ganti menjadi:
</head><!--<head/>-->lalu pada bagian body juga tidak lupa saya mengganti kode </body> menjadi:
<!--</body>--></body>... dan Selesai Save deh templatenya..
Selanjutnya, saya cek di Pagespeed dan.. ternyata benar berhasil!
Tetapi cara tersebut jelas... mengacak acak tampilan.. hehe, karena saya mematikan fungsi Head yang berarti b:skin atau CSS didalamnya juga nggak bekerja dong.. hehe
Lalu kenapa di praktekin Johnshon!
Penasaran...
Lalu aku coba deh praktekin yang bagian body mengganti kode </body>
menjadi:
<!--</body>--></body>
Itu aja, dan yang Head tetap <head> dan yang penutup /Head tetap </head>
Ok.. berhasil.. it's work..
Dan ketika saya sadari permasalahan tersebut... dimana tombol reply enggak bekerja...
Haha... ternyata oh ternyata.
Lalu Solusinya Mengatasi Reply Komentar yang Error adalah?
Kembalikan seperti semula..
<head></head>
</body>
Itulah sedikit tips dari saya, dari hasil uprek uprek tampilan untuk disesuaikan dengan algoritma pagespeed saat ini.. :D
Oh iya, sebenarnya Eliminate Render Blocking Resource diatas hanya berlaku untuk tampilan yang versi mobile, untuk test tampilan yang desktop.. tidak ada..
Jadi memang it's not simple..
Sekian..
F.N.A-RED