August 20, 2012

Mempercepat Loading Blog With Script Lazyload

Loading situs merupakan hal yang paling dijaga-jaga oleh semua pemiliknya, tak menutup kemungkinan pemilik blog. sebab loading blog merupakan tolak ukur kebetahan pengunjung untuk berlama-lama pada blog kita.

Seperti halnya tampilan template yang menarik, loading blog kita harus dimaksimalkan untuk mengatur kecepatan blog supaya ringan atau cepat. Untuk itu, pada tuulisan kecil ini Kang Fathur akan memberikan sedikit tips cara mengatasi lambatnya loding blog pada template anda dengan menggunakan Script Lazyload.

Pada tulisan beberapa hari lalu, Kang Fathur memberikan tips mempercepat loding blog dengan men-Compress CSS dengan pihak ketiga. Tutorial ini gak kalah hebat dengan cara sebelumnya, disamping relatif mudah dalam penerapannya juga fungsinya gak kalah bersaing denga blog lainnya.

Sebelum anda memasang script ini, sebaiknya anda mengecek dulu seberapa berat/ringan blog anda. Jika sudah mengetahuinya, terapkan script lazyload pada template anda. Buktikan perubahannya...!!!

Cara pemasangannyapun gampang, anda tinggal mencari kode </head> dan copy paste kode berikut sebelum kode </head> dan Simpan Template anda, dijamin memuaskan.

<script charset='utf-8' src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
<script src='http://zonaku.googlecode.com/files/loading.js' type='text/javascript'/>
<script charset='utf-8' type='text/javascript'>
$(function() {
$(&quot;img&quot;).lazyload({placeholder : &quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxA5IvhvQxoUpA6La4GEtO5gwzGgVXigOV3vmSHrHlB0pUQSQny0QllS0TJ1ekK0iASxP4hh3xr1bKYW9DutVxuJhaWExXDkpFj7o46bT4qWAWnmsXohZJxeim_Pq4of7VLu0vhw23Tsc/s1600/loading.png&quot;,threshold : 200});
});
</script>
Catatan :
  1. Jika dalam blog anda sudah terdapat jQuery, kode yang bergaris bawah diatas tidak usah dipasang dan disarankan untuk menggunakan versi terbaru
  2. Jika penerapan dalam blog anda tidak berfungsi atau malah tambah berat loading blognya, sekedar saran Kang Fathur, sebaiknya jangan diterapkan. It's Okey.....!!!!
Satank MkrBerkomentar
Bagikan kepada teman!
Garis
300x250

31comments:

  1. Replies
    1. Sama-sama bos, semoga gak bosen neng blog ini yo? :-bd :-bd

      Delete
  2. This comment has been removed by a blog administrator.

    ReplyDelete
  3. mantap gan http://www.hendrikdesign.com/

    ReplyDelete
  4. kira-kira blog aq ini cepat pa lambat ya??? trims

    ReplyDelete
  5. ijin coba sob..
    visit back yah.
    http://system70mb.blogspot.com

    ReplyDelete
  6. wah, kok pake javascript gan? bukannya javascript memperlambat loading blog ya?

    ReplyDelete
    Replies
    1. Tergantung dari blognya bos, klau mang blognya berat ya berat, hehehehe **p **p **p

      Delete
  7. Makasih Bozz ...

    TERIMAKASIH atas Artikelnya

    ReplyDelete
  8. bukannya kalo pake javascript malah tambah berat yah gan?

    ReplyDelete
    Replies
    1. Tergantung dari blognya bos, klau mang blognya berat ya berat, hehehehe **p **p **p

      Delete
  9. kang fathur, ane pengen nanya nih, ko slide di blog ane ga nampil ya ?? kira kira itu kenapa ya ??

    kalo berkenan di jawab ya kang.. mohon pencerahannya.. ^^v

    ReplyDelete
  10. Nice Sharing Mas....
    Informasinya sangat bagus

    ReplyDelete
  11. saya mau nerapin ini tp sy msh ndak tau kecepatan blog saya. heuuhh... lambat apa kenceng. nah loh, mikir ..puyeng

    ReplyDelete
    Replies
    1. Coba kunjungi ini non https://developers.google.com/speed/pagespeed/insights :-bd :-bd :-bd

      Delete
  12. Info yang sangat bagus mas...
    Terima kasih...
    saya ada info kamar dan Pijit di Bali, silakan mampir

    ReplyDelete
  13. wow kang, luar biasa tips nya, langsung ngacir blog ane !!

    makasih banget..


    Numpang promote min..

    Official Blog Unik Banget - Blog yang akan buat hari2 mu tidak bosan, menambah wawasan, dan kembali tersenyum :D

    ReplyDelete
  14. Sudah tak terapkan kang, hasilnya lebih cepat kalo pake browser crome, tapi lo pake Mozilla kayak kagak ada perubahan...

    ReplyDelete
  15. thank you for your visit, I hope the articles in this blog for everybody :-bd

    ReplyDelete

Catatan:
Untuk menyisipkan kode, gunakan tag <i rel="pre">KODE ANDA DI SINI...</i>
Untuk menyisipkan gambar, gunakan tag <i rel="image">URL GAMBAR ANDA DI SINI...</i>
Untuk menyisipkan judul, gunakan tag <b rel="h3">JUDUL ANDA DI SINI...</b>
Untuk menyisipkan catatan, gunakan tag <b rel="quote">CATATAN ANDA DI SINI...</b>
Untuk menciptakan efek tebal gunakan tag <b>TEKS ANDA DI SINI...</b>
Untuk menciptakan efek huruf miring gunakan tag <i>TEKS ANDA DI SINI...</i>

Khusus untuk membalas komentar disarankan menggunakan tombol balas di samping komentar terkait dibandingkan menggunakan formulir komentar di bawah agar komunikasi lebih terstruktur. Karena mungkin, apa yang Anda tanyakan/katakan saat ini akan sangat bermanfaat bagi pembaca lain.

NB: Jangan menuliskan link aktif karena akan terhapus secara otomatis.

 
TOP