Loading blog akan sangat mempengaruhi kualitas blog anda di mata pengunjung. Sementara setiap pengguna internet memiliki perbedaan ISP dan kecepatan masing2 dalam mengakses situs. Apa jadinya tiap kali blog anda dibuka namun harus menunggu loading time yang cukup lama sudah pasti membuat pengunjung tidak sabar dan enggan mengakses blog anda kembali. Untuk mengatasi masalah ini ada baiknya anda ikuti tutorial berikut.
Salah satu tips jitu yang bisa kita terapkan untuk mempercepat loading blog adalah dengan cara compress kode CSS dan javascript yang ada pada template. Biasanya pengunjung akan langsung mengeluarkan jurus GPL (Gak Pake Lama) apabila menemukan blog yang loadingnya berat alias lelet dan mereka akan langsung menutup halaman blog yang tadinya mau dibuka. Nah supaya blog kita juga jangan sampai kena jurus GPL tadi, tidak ada salahnya kita antisipasi dengan cara meningkatkan speed blog kita melalui beberapa cara seperti mengkompresi CSS dan javascript atau kompresi pada image/gambar.
Cara Mengkompresi Kode CSS dan JavaScript pada Template :
Untuk melakukan kompresi CSS dan javascript, sobat dapat menggunakan tools CSS Compressor yang bisa dicari di Google atau kompresi secara online melalui Online YUI Compressor. Saya sarankan sobat menggunakan situs online ini karena lebih gampang dan cepat. Tinggal copy CSS atau javascript yang mau dikompresi dari template, kemudian pilih CS jika ingin melakukan compress CSS dan pilih JS jika yang ingin dikompresi adalah javascript. Kemudian kode CSS atau javascript yang sudah dikompresi kita copy dan paste-kan kembali pada tempatnya semula dalam template. Berdasarkan pengalaman saya, kesulitan yang sering dialami blogger adalah bagaimana membedakan mana yang CSS dan mana yang javascript.
Ciri kode CSS pada template yaitu yang berada diantara kode <b:skin><![CDATA[/* sampai dengan kode ]]></b:skin>. Contoh yang kode CSS itu yang seperti ini
Untuk kompresi image atau gambar, biasanya saya juga melakukannya secara online di Free Image Optimizer. Kalo mau pake tools lain, sobat bisa cari tools seperti JPEG Compressor di Google. Kompresi image di layanan Free Image Optimizer ini mampu mengurangi ukuran (size) gambar dalam kilobyte hingga 50% lebih tanpa mengurangi kualitas dari gambar tersebut. Contoh hasil kompresinya seperti gambar dibawah ini.
Sebelum >> 26 Kb dan Sesudah >> 4 Kb
Well, capek juga nulis artikel puanjang banget nih ! Sekarang coba sobat terapkan trik untuk mempercepat loading blog yang sudah saya jelaskan tadi. Untuk mengetahui berapa kecepatan loading blog anda sebelum mengkompresi CSS, javascript dan image, cobalah pantau blog sobat melalui link http://gtmetrix.com ini. Saya sering memeriksakan “kondisi kesehatan” blog saya melalui gtmetrix ini karena banyak parameter yang bisa kita pantau. Dan sesudah mengkompresi, cobalah cek kembali berapa waktu loading blog sobat. Jika speednya menjadi lebih cepat, berarti anda telah berhasil meningkatkan speed blog anda. Good luck buddy…!
Salah satu tips jitu yang bisa kita terapkan untuk mempercepat loading blog adalah dengan cara compress kode CSS dan javascript yang ada pada template. Biasanya pengunjung akan langsung mengeluarkan jurus GPL (Gak Pake Lama) apabila menemukan blog yang loadingnya berat alias lelet dan mereka akan langsung menutup halaman blog yang tadinya mau dibuka. Nah supaya blog kita juga jangan sampai kena jurus GPL tadi, tidak ada salahnya kita antisipasi dengan cara meningkatkan speed blog kita melalui beberapa cara seperti mengkompresi CSS dan javascript atau kompresi pada image/gambar.
Cara Mengkompresi Kode CSS dan JavaScript pada Template :
Untuk melakukan kompresi CSS dan javascript, sobat dapat menggunakan tools CSS Compressor yang bisa dicari di Google atau kompresi secara online melalui Online YUI Compressor. Saya sarankan sobat menggunakan situs online ini karena lebih gampang dan cepat. Tinggal copy CSS atau javascript yang mau dikompresi dari template, kemudian pilih CS jika ingin melakukan compress CSS dan pilih JS jika yang ingin dikompresi adalah javascript. Kemudian kode CSS atau javascript yang sudah dikompresi kita copy dan paste-kan kembali pada tempatnya semula dalam template. Berdasarkan pengalaman saya, kesulitan yang sering dialami blogger adalah bagaimana membedakan mana yang CSS dan mana yang javascript.
Ciri kode CSS pada template yaitu yang berada diantara kode <b:skin><![CDATA[/* sampai dengan kode ]]></b:skin>. Contoh yang kode CSS itu yang seperti ini
.post-body {Ciri kode JavaScript pada template yaitu yang berada diantara kode (diapit oleh 2 kode) <script type='text/javascript'> dengan kode </script>. Atau bisa juga yang diantara kode <script type='text/javascript'> //<![CDATA[ dengan kode //]]> </script>. Contoh javascript itu yang seperti ini mas bro..
font-family:'Calibri', Segoe UI, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, sans-serif;
font-size:15px;
line-height:1.4em;
margin:0 0 0.75em;
}
.post-footer {
border-bottom:2px dotted #dddddd;
color:#999999;
font-style:normal;
letter-spacing:0;
margin:0.3em 0;
padding:2px;
text-transform:none;
}
<script type='text/javascript'>Cara Mengkompresi Image atau Gambar :
//<![CDATA[
function removeHtmlTag(b,a){if(b.indexOf("<")!=-1){var d=b.split("<");for(var c=0;c<d.length;c++){if(d[c].indexOf(">")!=-1){d[c]=d[c].substring(d[c].indexOf(">")+1,d[c].length)}}b=d.join("")}a=(a<b.length-1)?a:b.length-2;while(b.charAt(a-1)!=" "&&b.indexOf(" ",a)!=-1){a++}b=b.substring(0,a-1);return b+" [...]"}function createSummaryAndThumb(d){var f=document.getElementById(d);var a="";var b=f.getElementsByTagName("img");var e=summary_noimg;if(b.length>=1){a='<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+b[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';e=summary_img}var c=a+"<div>"+removeHtmlTag(f.innerHTML,e)+"</div>";f.innerHTML=c};
//]]>
</script>
Untuk kompresi image atau gambar, biasanya saya juga melakukannya secara online di Free Image Optimizer. Kalo mau pake tools lain, sobat bisa cari tools seperti JPEG Compressor di Google. Kompresi image di layanan Free Image Optimizer ini mampu mengurangi ukuran (size) gambar dalam kilobyte hingga 50% lebih tanpa mengurangi kualitas dari gambar tersebut. Contoh hasil kompresinya seperti gambar dibawah ini.
Sebelum >> 26 Kb dan Sesudah >> 4 Kb
Well, capek juga nulis artikel puanjang banget nih ! Sekarang coba sobat terapkan trik untuk mempercepat loading blog yang sudah saya jelaskan tadi. Untuk mengetahui berapa kecepatan loading blog anda sebelum mengkompresi CSS, javascript dan image, cobalah pantau blog sobat melalui link http://gtmetrix.com ini. Saya sering memeriksakan “kondisi kesehatan” blog saya melalui gtmetrix ini karena banyak parameter yang bisa kita pantau. Dan sesudah mengkompresi, cobalah cek kembali berapa waktu loading blog sobat. Jika speednya menjadi lebih cepat, berarti anda telah berhasil meningkatkan speed blog anda. Good luck buddy…!
Dapatkan berbagai informasi menarik dengan mengunjungi link yang ada dalam blog ini mulai dari bisnis online, lowongan kerja, tips blogging dll. Pilih berdasarkan kategori yang anda minati lalu masukkan kata kuncinya dan klik cari informasi sekarang
Blog ini tidak memiliki kerja sama dengan pihak manapun semua hasil yang didapatkan berasal dari kerja keras penulis mengoptimalkan blog secara berkala. Anda bisa siapapun juga bisa asal ada usaha
Kekayaan sesungguhnya adalah ilmu yang terus di kembangkan tidak pernah bosan belajar hal baru terlebih ilmu itu bermanfaat bagi orang lain. Percayalah ilmu yang anda bagi kepada mereka sampai kapanpun tidak pernah berkurang justru semakin bertambah.
Tidak ada komentar:
Posting Komentar