Cara Mempercepat Loading Blog / Website

Mempercepat loading blog / website sangat penting dilakukan. Ada banyak faktor yang dapat mempengaruhi loading blog, diantaranya koneksi internet dan performa PC yang mumpuni. 

Saat menjelajahi internet untuk mencari informasi, kebanyakan orang tidak suka menunggu loading blog yang lama dan cenderung keluar meninggalkan blog yang berat tersebut lalu pergi memilih blog lain yang loadingnya lebih cepat.

Kerugian loading blog yang berat

• kehilangan trafik
• berkurangnya pengunjung organik dari mesin pencari
• berkurangnya pageviews  
• bounce rate meningkat sehingga akan berpengaruh terhadap peringkat blog 

Loading Blog

Blog yang ringan akan memberikan kenyamanan pada pengunjung. Selain itu dari segi hal SEO, mesin pencari seperti Google sangat menyukai blog yang ringan dan memberikan peringkat yang bagus di SERP. Ada 10 hal yang dapat kita lakukan untuk meringankan loading blog, diantaranya :

1. Mengurangi Widget Blog

Widget yang terlalu banyak menyebabkan loading blog lama. Hapus widget-widget yang tidak penting dan tidak bermanfaat banyak. Menghindari widget tidak penting juga dapat membuat pengunjung blog menjadi fokus terhadap konten blog yang sedang dibacanya.

Jadi gunakan widget yang berpengaruh besar mendatangkan trafik saja, misalnya popular post, recent post, dan related post.

2. Kompress CSS pada template

Pengunaan CSS yang berlebihan akan membuat blog menjadi berat sehingga membuat blog dimuat lebih lama. Kita bisa mengurangi ukuran CSS pada template blog dengan cara mengcompress CSS yang letaknya ada di atas </b:skin> dengan sebuah tool pada website compressor css.

3. Gunakan JavaScript seperlunya

JavaScript membutuhkan waktu memuat yang lebih lama, sehingga jangan meletakan javascript di bagian atas template, karena browser akan membaca elemen html diatas terlebih dahulu, sedangkan elemen lain dibawahnya menunggu hingga loading selesai. Maka sebaiknya letakan elemen javascript dibagian bawah template

.
Dan kalau memungkinkan sebaiknya gunakan widget-widget buatan Blogger saja karena javascript-nya ringan.

4. Menambahkan Script untuk Mempercepat Loading Blog

Tambahkan script Laziload. Yaitu dengan cara menambahkan script dibawah ini diatas kode </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://cuerosb.googlecode.com/files/cueros%20-lazyload.js' type='text/javascript'/>
<script charset='utf-8' type='text/javascript'>
$(function() {
$(&quot;img&quot;).lazyload({placeholder :
&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsrQXsnEhs-tdRzNJZbATPaFbjGGAQKE3EuCDHq23OKFKGbcQXcsabmihf47t-30k78Cw2D4D51xi4S7tJahxyGu6lvFiQaDM-QFFJv2Ow2CLX7Rc507HteSlc-Q4UR1ChdsnlJywTCbA/&quot;,threshold
: 200});
});
</script>

Sesudah menambahkan script diatas, coba lihat pengaruhnya terhadap loading blog. Jika loading dirasa tidak lebih cepat, maka script lazyload tidak usah digunakan.

5. Kompress Gambar

Gambar yang berukuran besar juga akan menghambat kecepatan blog, oleh karena itu gunakan gambar berformat JPG atau PNG. Dan kompres ukuran dan kualitas gambar dengan PNG compression tool.

Lalu ketika menambahkan gambar pada postingan, berikan ukuran fixed gambar agar browser dapat membacanya dengan cepat. Misalnya:

<img width="90%" src="http://www.linkgambar.com"/>

atau

<img  width="100px" height="100px" src="http://www.linkgambar.com"/>

Dan kalau bisa gunakan gambar yang di host pada blogspot agar loading lebih cepat. Contoh link gambar yang dihost blogger yaitu :

http://4.bp.blogspot.com/-_72hLW59JKw/U1leM2RSpeI/AAKAKAAJASM/pM6o6joW8mY/s1907/cara+mempercepat+loading+blog.jpg

6. Jangan Gunakan Gambar sebagai Background Blog

Penggunaan gambar sebagai background akan memberatkan loading blog, maka hapus gambar background. Dan gunakan background warna polos, misalnya putih. Untuk menghapus gambar background ikuti langkah ini :

Masuk ke blog anda  >>  pilih 'Template'  >>  klik 'Edit HTML'  >>  Cari kode seperti ini (gunakan Ctrl + F)

body {background: #FFFFFF url(http:////3.bp.blogspot.com/-_72kLW89JKw/U1leJ9RSpkI/AAAEHPEDIAM/pM6o8woH8rY/x1600/background.jpg); width: 990px; margin: auto; padding:auto}

Lalu hapus link gambar yang menjadi background blog.

7. Simpan javascript diatas kode </body>

Setiap kode di dalam <body> menjadi akan cepat dimuat oleh browser, termasuk jika kita menempatkan javascript didalamnya. Berikut caranya :

Buka template blog dan cari kode : 

.js

Lalu copy semua kode javascript tersebut dan pastekan diatas kode </body>

8. Gunakan sharing button secukupnya

Membagikan artikel ke media sosial memang sangat penting dilakukan, termasuk memasang tombol sharing nya, namun hal tersebut akan sangat memberatkan blog. Saran saya gunakanlah sharing social media share Google plus, Facebook, dan Twitter saja.

9. Kurangi Link Keluar (External Link)

Menanamkan link yang mengarah ke blog lain di blog kita akan memperlambat waktu loading blog kita, karena saat membuka halaman tersebut maka bot juga menelusuri asal link keluar tersebut.

Jika blog anda banyak menanamkan link keluar, maka kurangilah agar tidak berpengaruh terhadap kecepatan loading.

10. Kurangi pemasangan iklan pada blog. 

Tujuan blogger dalam menjalankan blogging bermacam-macam, ada yang sekedar menyalurkan hobi, dan ada juga yang berorientasi profit dengan menjadi publisher iklan. Memang hal ini berat dilaksanakan. Namun sebagai pengelola blog yang baik kita harus mengedepankan kenyamanan pengunjung. 

Saya sarankan batasi pemasangan iklan di blog maksimal tiga iklan saja, posisinya yakni di header, sidebar dan dibawah postingan. Jika anda telah melakukan semua hal diatas selanjutnya silahkan periksa kecepatan loading Blog