Kenapa sih harus mempercepat loading?
Karena pengunjung blog datang dari bebagai area dengan berbeda kecepatan internet, sinyal, dan jaringan provider yang digunakan pengunjung yang berbeda. Kekurangan dari blog yang lambat/lelet, berdampak buruk pada pengunjung yang langsung meninggalkan blog dan mengurangi ratio jumlah pageviews, banyak faktor yang mempengaruhi kelambatan loading sebuah blog antara lain ukuran gambar, ukuran file css dan javascript.
1. Menggunakan Script Lazy Load
Fungsi dari Script Lazy Load 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 tambah memperburuk loading, hapus saja, di bawah adalah cara memasangnya
- Login ke blogger
- Klik "Template → Edit Html
- Centang pada Expand Template Widget
- Cari kode </head> untuk mempermudah gunakan Ctrl+F / F3
- Silahkan copy script dibawah ini dan pastekan scriptnya tepat diatas code </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 Background
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 Tombol 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 nanti akan saya post.
4. Tampilkan Hanya 4-6 Posting Saja Pada Homepage
Untuk lebih baiknya jangan 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 menampilkanya banyak iklan yang terpasang di homepage dari berbagai sumber sesungguhnya sobat telah melawatkan indahnya blogging, jangan jadikan blog sobat sebagai pasar iklan, untuk memakai iklan batasilah jumlah tampilannya di homepage, agar dapat meringankan loading blog
6. Gunakan Link Gambar Dari Blogger
Menggunakan link gambar yang di upload di blogger menjadikan 40% loading gambar lebih cepat.
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
- Jika sobat mendapat score diatas 80 berarti blog sobat dalam keadaan kecepatan yang baik tapi jika hasil score yang didapat kurang dari 80 berarti sobat perlu melakukan optimasi yang lebih
Sumber: Depermana Share