Home » , » Cara mudah Mempercepat Loading Blog

Cara mudah Mempercepat Loading Blog

Written By Irwan Gustamanjaya on Senin, 27 Mei 2013 | 13.32



Cara mudah Mempercepat Loading Blog 
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 .

Semoga bermanfaat gan ane ambil dari blogger sahabat.

sumber
Share this article :

2 komentar:

obat herbal hepatitis a b c mengatakan...

http://goo.gl/0BAum
info yg sangat berguna tks

Ace Maxs mengatakan...

mantap dah artikelnya

Contact Me :

HP : 081322025374 (Whatsapp/LINE)
BBM : 5C66EE58
YM/Email : irwangustamanjaya@yahoo.com
Diberdayakan oleh Blogger.
 
Support : Your Link | Your Link | Your Link
Copyright © 2013. ILHAM KOMPUTER - All Rights Reserved
Template Created by Creating Website Published by Mas Template
Proudly powered by Blogger