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

Tweet

Jangan sampai ketinggalan postingan-postingan terbaik dari Blog Krizeer. Berlangganan melalui email sekarang juga:

Atau sobat juga bisa follow Blog Krizeer dengan mengklik tombol di bawah ini:

Artikel Keren Lainnya:

Ditulis oleh Unknown pada tanggal Jumat, 02 Agustus 2013