Tips Mempercepat Loading Blog dengan Code Lazy Load

Tips Mempercepat Loading Blog dengan Code Lazy Load | 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 .

Tweet

Subscribe to receive free email updates: