Percepat Loading Blog Dengan Compression Gambar/Image

Mempercepat Loading Blog merupakan salah satu cara biar Blog atau Website menjadi SEO, alasannya kalau loading yang cepat dapat menaikan trafik blog. Blog menjadi ringan dapat menambah pengunjung bertambah loh sobat. Jika loading Blog Anda usang maka, apa lagi itu pengunjung dari perangkat kendaraan beroda empat dapat menciptakan pengunjung Anda beralih ke Blog lain alasannya terlalu usang halaman Blog usang terbuka.

Mempercepat loading Blog dapat dilakukan dengan mengoptimalkan gambar yakni menciptakan ukuran gambar diperkecil. Memperkecil ukuran gambar, dapat dilakukan dengan mengubah format Gambar JPG menjadi PNG.

Gunakan photoshope untuk membantu Anda memperkecil ukuran gambar dan mengubahnya menjadi format PNG. Apakah Anda belum mempunyai 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 memakai aba-aba 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 dapat mengikuti panduannya di bawah ini ;

Cara Memasang Compression Gambar/Image

Pertama ; Login ke Akun Blogger

Kedua ; Buka editor Template, kemudian Anda cari aba-aba </body> .

Ketiga ; Kemudian salin aba-aba 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 aba-aba </body>, salin kembali aba-aba di bawah ini kemudian terapkan di atasnya atau di bawah aba-aba 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 kalau di gabungkan aba-aba tersebut akan menyerupai 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 dapat 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!



Sumber http://www.websiteedukasi.com/