Cara Mempercepat Loading Komentar dengan Memperkecil Avatar

Cara mempercepat loading komentar - Diantara yang membuat beratnya komentar untuk diload adalah besarnya ukuran gambar / image pada komentar. Walaupun sobat memperkecil dengan CSS, tetap saja ukuran asli avatar adalah 512x512px. Untuk mencobanya, silahkan klik kanan pada avatar komentar yang ada di blog sobat, kemudian klik kanan pada buka gambar di tab baru. Sebagai contoh, avatar saya sebelum saya rubah ukurannya seperti gambar ini :



Setelah saya rubah, maka ukuran avatar berganti menjadi seperti ini :



Cara Memperkecil Avatar Komentar:

Sebagaimana dijelaskan di atas, cara memperkecilnya bukan dengan CSS, melainkan dengan JavaScript. Untuk memasangnya, simpan kode dibawah ini pada template sobat diatas </body>



<script type='text/javascript'> //<![CDATA[ var avatar=$("#comments"); avatar.find('.avatar-image-container img').each(function() { var ava = $(this).attr('longdesc') ? $(this).attr('longdesc') : $(this).attr('src'); $(this).show().attr('src', ava.replace(/\/s[0-9]+(\-c)?\//,"/s65-c/")).removeAttr('longdesc width height'); }); //]]></script>
Ganti angka s65 sesuai ukuran avatar pada blog sobat.

Setelah di simpan, coba kunjungi postingan yang sudah mempunyai komentar, kemudian buka gambarnya di tab baru. Berubah bukan?, belum tau cara liat gambarnya ?, yaudah ada caranya nih:
1. Masuk ke komentar blogger
2. Klik kanan pada avatar komentar blogger

3. Pilih "Open image in new tab"
Sumber source : http://www.bloggertut.com/2013/07/percepat-loading-komentar-dengan-memperkecil-avatar.html

9 komentar untuk "Cara Mempercepat Loading Komentar dengan Memperkecil Avatar"

  1. cuma ini berlaku untuk thread comment hack...
    kalau dipasang pada thread comment bawaan blogger hasilnya sama saja..
    malah diload 2x.. loadng yang asli 512x512 kemudian loading yang misalnya 50x50px...

    BalasHapus
    Balasan
    1. Waduh jadi javascript ini nambah berat loading ya ?, tapi sobat pake javascript apa buat mempercepat loading komentar blog ?, makasih penjelasannya sob :D

      Hapus
    2. Maaf nih sob, mau tanya lagi, klo thread comment hack itu apa ?, hehe masih pemula :D

      Hapus
    3. berlaku untuk thread comment model seperti ini..
      http://blog.kangismet.net/2012/12/komentar-bertingkat-seperti-wordpress-v2.html

      Hapus
    4. owh gitu ya, hehe maklum saya newbie sob :D

      Hapus
  2. This is a fantastic website and I can not recommend you guys enough. Full of useful resource and great layout very easy on the eyes.

    BalasHapus
  3. togel sgp | togel singapura Nice Article , I also have some topics visit them

    BalasHapus

Untuk menyisipkan kode, gunakan tag <i rel="code">Kode disini...</i> atau <i rel="pre">Kode disini...</i>
Untuk menyisipkan gambar, gunakan <i rel="image">URL gambar disini...</i>
Untuk menyisipkan catatan, gunakan <b rel="quote">Tulis catatan disini...</b>
Untuk menciptakan efek tebal, gunakan tag <b>Teks anda disini...</b>
Konversi Kode Back to Top

Back to Top