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() {
$("img").lazyload({placeholder : "http://bit.ly/Qv60g5",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;hapus kode bercetak tebal diatas seperti url(http://contoh.com/blabla.jpg)
color: #333;
font-size: 14px;
font-family: Georgia;
margin: 0 auto 0;
padding: 0; }
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 thumbnail4. 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
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
No comments:
Post a Comment