Cara Mudah Mempercepat Loading Blog anda dengan Script jQuery LazyLoad - Apa itu LazyLoad , dan apa manfaat bagi blog anda ? Script jQuery Lazy Load adalah salah satu plugin yang ada pada wordpress namun kali ini akan saya jelaskan untuk blog agar loading blog Anda menjadi lebih cepat dari sebelumnya. Tahukah anda jQuery Lazy Load mulanya digunakan pada blog dengan platform Wordpress. Lama kelamaan, ada juga script lazy load yang diciptakan untuk Blogger.
Berikut Cara Mudah Mempercepat Loading Blog dengan jQuery LazyLoad
- Pertama Buka Blogger, dan masuk ke menu Template => Edit Html
- Cari kode </head>, (gunakan CTRL+F, atau klik disini untuk mengetahui cara mencari kode di Edit HTML) dan letakkan/pastekan kode berikut tepat diatasnya.
<script charset='utf-8' src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/> <script src='https://googledrive.com/host/0ByoCwyjwB1aDTXhnVVlxcTBadVk' type='text/javascript'/> <script charset='utf-8' type='text/javascript'> $(function() { $("img").lazyload({placeholder : "http://bit.ly/Qv60g5",threshold : 200}); }); </script>
- Yang Terkahir Klik Simpan template.
Catatan penting brow script lazyload ini tidak menjamin bisa mempercepat waktu loading blog 100% fast loading Anda akan tetapi menjadi lebih cepat daripada sebelumnya. Adakalanya script ini menyebabkan blog menjadi lebih lambat dan berat. Namun, tak ada salahnya untuk mencoba script lazyload ini. Bila lazy load ini tidak berpengaruh pada blog anda sebaiknya jangan pasang saja
9 Komen Cara Mudah Mempercepat Loading Blog dengan LazyLoad
kaya wordpress ya sob
kunbalnya
www.mhb.web.id
Oke Om... boleh dicoba... kalo cara untuk memperpendek line template gmana ya bang?
ok sop
Thank sarannya
Boleh dicoba nih
di blog sy ga mempan mas..mlah jd ada yang ga lengkap loadingnya..
ada solusi lain ga mas buat blog sy ni..silahkan cek blog sy siapa tau ada ide brilian dari masyadi
Gan bagaimana cara membuat teks area copy paste seperti diatas ??
Tutorial pemasangan Lazy Load yang mas tulis itu belum lengkap mas, itu hanya memasang scriptnya saja, lazy load tak akan bisa berjalan jika atribut yang digunakan pada tag img tidak sesuai dengan aturan pada script tersebut.
Kurang lebih seperti ini kode dan penggunaan atribut tag img yang sesuai dengan aturan Lazy Load tersebut,
<img class="lazy" data-original="img/example.jpg" width="640" height="480">
Untuk membuat efek lazy load atribut src="" harus diganti dengan atribut data-original="", karena prinsip kerja dari efek tersebut adalah ketika browser telah memuat blog kita, java script akan merubah atribut data-original menjadi atribut src.
ijin coba mas yadi , sukses selalu mas hehe
= > Silahkan berkomentar sesuai artikel diatas
= > Berkomentar dengan url ( mati / hidup ) tidak akan di publish