Percepat Loading Blog Dengan Compression Gambar/Image
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!
0 Response to "Percepat Loading Blog Dengan Compression Gambar/Image"
Post a Comment