Percepat Loading Blog Dengan Compression Gambar/Image

Mempercepat Loading Blog merupakan salah satu cara agar Blog atau Website menjadi SEO, karena jika loading yang cepat bisa menaikan trafik blog. Blog menjadi ringan bisa menambah pengunjung bertambah loh sobat. Jika loading Blog Anda lama maka, apa lagi itu pengunjung dari perangkat mobil bisa membuat pengunjung Anda beralih ke Blog lain karena terlalu lama halaman Blog lama terbuka.

Mempercepat loading Blog bisa dilakukan dengan mengoptimalkan gambar yaitu membuat ukuran gambar diperkecil. Memperkecil ukuran gambar, bisa dilakukan dengan mengubah format Gambar JPG menjadi PNG.

Gunakan photoshope untuk membantu Anda memperkecil ukuran gambar dan mengubahnya menjadi format PNG. Apakah Anda belum memiliki keterampilan di bidang edit gambar? kabar baiknya, disini saya menyediakan tutorial cara Compression Gambar. Compression Gambar berupa  script yang di tempatkan pada editor template. Dengan menggunakan kode ini, ukuran gambar akan di perkecil tanpa mengurangi kualitas gambar dan juga seluruh gambar yang ada pada blog secara otomatis tercompress. Bagiamana Anda berminat memasangnya, Anda bisa mengikuti panduannya di bawah ini ;

Cara Memasang Compression Gambar/Image

Pertama ; Login ke Akun Blogger

Kedua ; Buka editor Template, lalu Anda cari kode </body> .

Ketiga ; Kemudian salin kode di bawah ini dan terapkan di atasnya.

<script type='text/javascript'>
//<![CDATA[
$(document).ready(function() {
$('img').each(function(){
var $img = $(this);
var filename = $img.attr('src')
$img.attr('alt', filename.substring((filename.lastIndexOf('/'))+1, filename.lastIndexOf('.')));
});
});
//]]>
</script>

Masih pada kode </body>, salin kembali kode di bawah ini lalu terapkan di atasnya atau di bawah kode di atas.

<script type='text/javascript'>
//<![CDATA[
$(document).ready(function() {
$('img').each(function(){
var $img = $(this);
var filename = $img.attr('src')
$img.attr('title', filename.substring((filename.lastIndexOf('/'))+1, filename.lastIndexOf('.')));
});
});
//]]>
</script>

Jadi jika di gabungkan kode tersebut akan seperti ini ;

<script type='text/javascript'>
//<![CDATA[
$(document).ready(function() {
$('img').each(function(){
var $img = $(this);
var filename = $img.attr('src')
$img.attr('alt', filename.substring((filename.lastIndexOf('/'))+1, filename.lastIndexOf('.')));
});
});
//]]>
</script>
<script type='text/javascript'>
//<![CDATA[
$(document).ready(function() {
$('img').each(function(){
var $img = $(this);
var filename = $img.attr('src')
$img.attr('title', filename.substring((filename.lastIndexOf('/'))+1, filename.lastIndexOf('.')));
});
});
//]]>
</script>

Keempat ; simpan template

Sekarang Anda bisa mencoba dengan mereload Blog, rasakan perbedaannya loading blog menjadi lebih ringan dan cepat bukan. Sekian tutorial cara mempercepat loding blog dengan  Compression Gambar, terima kasih sudah berkunjung dan Semoga bermanfaat!

Share this post