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.
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.
ReplyDeleteKurang 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.
Ok Mas, terima kasih infonya , mohon maaf atas kekurangan ilmu sya , dan terima kasih juga telah berkunjung .
Delete