Percepat Loading Blog Pada Posting Dengan Memperkecil Avatar Komentar

Loading lambat saat memuat seluruh isi posting, mungkin inilah salah satu faktor yang kurang menyenangkan dari sebuah blog / website. Akan menghabiskan banyak kouta bagi yang tidak gratisan, hehe
Beberapa penyebab dari Lambatnya loading ketika memuat seluruh isi posting adalah:
1. Resolusi gambar posting yang besar dan banyak
2. Gambar emoticon komentar blog
3. Terlalu banyak javascript
4. Resolusi Avatar/Foto Profil komentator Terlalu besar

Dari beberapa faktor diatas, kali ini saya akan memberikan solusi agar loading blog ketika memuat seluruh isi posting jadi lebih ringan, dengan Memperkecil Avatar Komentar atau pada faktor nomor 4. yang lainnya nanti kita bahas pada tutor selanjutnya.

Tutorial kali ini tidak menggunakan CSS melainkan dengan Javascript, mengapa demikian, karena apabila kita mengecilkan ukurannya dengan css,ukuran gambar aslinya masih utuh seperti sedia kala. alias percuma

Nah mungkin disini anda akan melihat satu sosok keunikan dari blogger dalam merubah/menentukan ukuran gambar, simak saja !

Untuk ukuran gambar asli secara global ditandai dengan kode s1600 pada url gambar,, sebagai contoh silahkan klik kanan pada gambar dibawah ini dan pilih lihat gambar, lihat url nya di addres bar

Sory kalo fotonya porno,
terlihat kan kode nya

nah sekarang coba ganti s1600 misal dengan s40, apa yang terjadi ?
mengecil bukan, nah demikian tutorial kali ini, wkwkwk (bercanda)

Sekarang kita langsung saja penerapannya di blogspot,
cari kode </body> copy kode dibawah ini dan letakkan diatasnya.

<script type='text/javascript'>
//<![CDATA[
var avatar=$("#comments");
avatar.find('.comment_avatar 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>

silahkan atur angka s65 yang saya beri warna merah diatas untuk mengatur ukuran gambar sesuai keinginan.
Script diatas sudah saya modifikasi untuk diterapkan pada Thread Komentar Hack v3 dari kang ismet, untuk Thread Komentar versi yang lainnya, silahkan pelajari sendiri.

Thanks to : Markus Kono

Tweet