Cara Mempercepat Loading Blog |
Lazy Load | Loading blog yang cepat adalah salah satu nilai plus dalam tindak
SEO , konon katanya blog yang cepat loadingnya sangatlah di sukai oleh search engine , Buka cuma search engine saja yang menyukai loading blog kita cepat tentunya pengunjung menyukai hal itu . Oke kali ini saya mau berbagi tips cara mempercepat loading blog dengan menggunakan plug in
Lazy Load .
Cara kerja Plug in Lazy Load ini adalah sebagai berikut Setiap gambar yang masih berada di bawah layar tidak
akan diakses, melainkan hanya akan digantikan dengan sebuah gambar berwarna abu-abu. Sampai sesaat kemudian layar dinaikkan dan gambar-gambar kelabu
di bawahnya muncul, gambar-gambar kelabu itupun akan menghilang lalu
mengizinkan sistem untuk mengakses gambar aslinya. Dengan cara ini,
maka kita tidak perlu lagi mengeklik tautan
Halaman Sebelumnya atau
Halaman Berikutnya,
kita cukup menggulung layarnya saja ke atas dan gambar-gambar di
halaman sebelumnyapun masih tetap ada pada tempatnya. Tidak perlu
membolak-balik halaman, dan tentu saja itu akan lebih menghemat waktu
dan biaya.
Plug in ini adalah sebuah plug ini yang di pakai
google dalam pencarian gambar .
Cara Penerapan lazy load di blog :
- Log in blog anda kemudian menuju ke rancangan lalu Edit HTML
- Blog sobat harus punya script yang mirip seperti script di bawah ini :
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'></script>
- Kalau bisa kode jquerynya harus lebih dari versi 1.7.2
- jika belum punya kode tersebut , letakkan kode tersebut diatas kode </head>
- Setelah itu letakkan kode berikut ini diatas kode script jquery tadi atau bisa di add gadget >> HTMl / Java Script
<script
src='http://reader-download.googlecode.com/svn/trunk/lazyload.js'
type='text/javascript'></script>
<script
type='text/javascript'>
$(function() {
$('img').lazyload({
placeholder : "http://2.bp.blogspot.com/-sJ-tZahntLI/T9coeqmdqMI/AAAAAAAADUQ/ztxIT1Fht4g/s1600/grey.png",
effect : "fadeIn",
threshold : 500
});
});
</script>
Kode yang di tandai itu adalah url
gambar Abu-abu yang saya bilang tadi ukuran gambar tersebut adalah 1px kali 1px
yang pasti akan sangat membantu percepat loading blog sobat .