Kamis, 22 Agustus 2013

7 Tips Ampuh Mempercepat Loading Blog

Filled under:

1. Menggunakan script lazy load

fungsi dari script lazy load ini adalah mempercepat loading gambar pada blog. 
banyak yang berhasil menggunakan script ini namun tidak banyak juga hasil yang didapat malah tambah lama loadingnya, jadi jika setelah memasang script ini tembah memperburuk silakan di hapus saja,
berikut tutorialnnya.


  • Login ke blogger
  • pilih template >> edit html
  • centang pada expand template widget
  • cari kode </head> untuk mempermudah gunakan ctrl+f
  • copy paste script dibaeah ini tepat diatas </head>
<script charset='utf-8' src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
<script src='http://k-blogger.googlecode.com/files/easy-loading.js' type='text/javascript'/>
<script charset='utf-8' type='text/javascript'>
$(function() {
$(&quot;img&quot;).lazyload({placeholder : &quot;http://bit.ly/Qv60g5&quot;,threshold : 200});
});
</script>

2. Jangan Menggunakan Gambar Sebagai Backgroud

jika sobat menggunakan gambar sebagai background blog segeralah di hapus, Karena memakai sebuah gambar sebagai background blog menyebabkan loading blog lebih lama 50%, untuk menghapus gambar background pada blog simak cara berikut ini.

cari kode body, contoh seperti dibawah ini
body { background: #7AA1C3 url(http://xyz.com/blabla.jpg);width: 980px;
color: #333;
font-size: 14px;
font-family: Georgia;
margin: 0 auto 0;
padding: 0; }
hapus kode bercetak tebal diatas seperti url(http://contoh.com/blabla.jpg) 
kemudian ganti kode bercetak tebal diatas dengan kode warna html seperti contoh diatas #7AA1C3 

3. menggunakan auto read more

tulisan panjang dan juga penuh pada homepage adalah salah satu alasan terbesar mengapa blog sobat memiliki waktu lama saat loading. untuk itu gunakanlah read more,untuk tutorialnya bisa lihat postingan saya sebelumnya cara membuat auto read more dengan thumbnail

4. Tampilkan hanya 4-6 posting saja pada homepage

Untuk lebih baiknya janga menampilkan lebih dari 6 posting di homepage, karena akan memakan banyak waktu untuk loading dan tidak terlihat rapih

5. Jangan Terlalu Banyak Menggunakan Iklan

jika sobat blogging hanya untuk mendapatkan uang dengan menampilkana banyak iklan yang terpasang di homepage dari berbagai sumber sesungguhnya sobat telah melawatkan indahnya blogging, jangan jadikan blog sobat sebagai pasar iklan, untuk memaikai iklan batasilah jumlah tampilannya di homepage, agar dapat meringankan loading blog

6. Gunakan link Gambar dari blogger

Seperti posting saya sebelumnya Cara mengupload gambar di blogger, menggunakan link gambar yang di upload di blogger menjadikan 40% loading gambar lebih cepat untuk lebih lengkapnya lihat postin saya sebelumnya

7. Gunakan Gambar Berformat .png atau .gif

Gif merupakan singkatan dari "Graphics Interchange Format" dan png "Portable Network Graphics" kedua format gambar ini banyak didukung oleh semua jenis browser dan memiliki ukuran yang tidak besar, 
dari kedua format gambar ini memiliki kelebihan masing-masing



CEK HASIL KECEPATAN

langkah ini merupakan penutupan dari artikel ini sekaligus membantu sobat dalam mengecek hasil score yang didapat setelah melakukan tips diatas menggunakan tools google page speed insight.

  • buka google page speed 
  • submit url blog sobat
  • berapa score yang didapat sobat dari tools google page speed?, tuliskan ya di kotak komentar (keppo)
  • jika sobat mendapat score diatas 80 berarti blog sobat dalam keadang kecepatan yang baik tapi jika hasil score yang didapat kurang dari 80 berarti sobat perlu melakukan optimasi yang lebih

Sumber:  http://depermana-share.blogspot.com/2013/03/7-tips-ampuh-mempercepat-loading-blog.html?showComment=1377154819263#c5043144097081570110

0 komentar: