Blog Khusus Membahas Tentang Tutorial, Tips dan Trik Seputar Blog Di BlogspotDotCom


6 Agu 2012

Cara Mempercepat Loading Blog With Script Lazyload

| 6 Agu 2012
Cara Mempercepat Loading Blog With Script Lazyload - Cara mempercepat loading blog memang ada banyak macam dan cara, seperti yang jauh-jauh hari sudah pernah saya share disini yaitu antara lain, Kompres CSS Untuk Mempercepat Loading Blog, Cara Mempercepat Loading Blog With CSS External, dan masih ada banyak cara lain tentunya. Nah Script Lazyload awalnya saya tahu itu script/plugin untuk Wordpress, ternyata ada juga yang diterapkan di Blogspot.

jQuery Lazyload

Sebelum Sobat menerapkan script ini, sedikit saya beri ulasan sebelum dan sesudah menggunakan Script Lazyload.
Dengan tools ini Sobat mengetahui berapa kecepatan blog Sobat.
Dari situ Sobat bisa membedakan sendiri setelah dan sebelum menggunakan Script Lazyload ini.

Oke, berikut cara memasang Script Lazyload di Blogspot:

1. Login blogger pastinya
2. Masuk ke Rancangan
3. Klik Edit HTML dan klik Expand Template Widget (backUp template)
4. Cari kode </head>
5. Letakan script dibawah ini 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='http://k-blogger.googlecode.com/files/easy-loading.js' type='text/javascript'/>
<script charset='utf-8' type='text/javascript'>
$(function() {
$(&quot;img&quot;).lazyload({placeholder : &quot;http://bit.ly/Qv60g5&quot;,threshold : 200});
});
</script>

6. Simpan Template.


Tambahan:
Pengalaman saya sendiri untuk kode blogger, tidak semua website/blog bisa lebih ringan menggunakan Script Lazyload ini.
Saat di cek, ada pula yang malah membuat blog lebih berat.
Jadi sebelum dan sesudah anda menggunakannya alangkah lebih baiknya sobat cek dulu disini.
Semoga bermanfaat.

Sumber referensi :
http://exitren.blogspot.com

Related Posts

88 komentar:

  1. thanks untuk infonya

    salam kenal
    ditunggu kunjungan baliknya ya..!!
    .n_n.

    BalasHapus
  2. Wah wah wah...
    Ini baru hebat postingnya, kena dan pas buat saya yang punya web. thanks ya....





    Belajar Forex

    BalasHapus
  3. thanks , buat info nya , gan....
    mmpir jga i blog jelek ane , yah

    BalasHapus
  4. Mantab sob infonya, sekarang blog ane loadingnya tambah cepet nih...
    Thanks ya....
    Komment back ya....

    BalasHapus
  5. makasih udah share ilmunya..setelah saya terapin ke blog saya loadingnya menjadi lebih cepat dari sebelumnya..agan bisa cek blog saya http://filmgratis-aja.blogspot.com

    BalasHapus
  6. setelah saya masukan script tersebut tp tidak mempengaruhi loading blog sob, saya mencoba dengan test tool kecepatan loading blog dan hasilnya sama saja dengan asalnya. sblumnya thank ya sob :)
    salam

    BalasHapus
    Balasan
    1. Iya sob, memang gak semua bisa tambah ringan, tp ada jg yg malah menambah berat.

      Seperti penjelasan saya diatas di cek terlebih dahulu sebelumnya.

      Hapus
  7. Waduh mantab banget related postnya kawan..nich ada kasus koq muncul juga diberanda gimna nich Gan...?? mohon pencerahan

    BalasHapus
    Balasan
    1. Related post yang mana ya sob ??
      Bisa dijelasin lagi...

      Hapus
  8. keren nih mas,,owh ya saya tunggu templatenya yang lain ok

    BalasHapus
    Balasan
    1. Template udah banyak tp mentahannya ilang semua mas.. Hardisku rusak :D

      Hapus
  9. Your blog posts and articles are very interesting, and gave me the info is pretty good, and I will be back to see your next posts and articles ... thank you

    BalasHapus
  10. terima kasih sudah share tutornya,,,

    BalasHapus
  11. Salam kenal, terimakasih info artikel bagus buat blog saya. sukses selalu

    BalasHapus
  12. setelah dicoba menggunakan script diatas, ternyata loading blog saya malah tambah lambat, apa emang templatenya yang gak mendukung ya?

    BalasHapus
    Balasan
    1. Bisa jadi mas, soalnya memang gak semua blog bisa tambah ringan. Mungkin file js'na ada yg crash atau bisa juga struktur templatenya.

      Hapus
  13. kalo untuk wordpress gimana tuh gan...

    RRF-Online

    BalasHapus
    Balasan
    1. Di WP lebih gampang lagi sob, tinggal cari pluginnya aje.

      Hapus
  14. diblogku tambah lambat, apa gara2 custom domainn ya..

    BalasHapus
    Balasan
    1. Blm pernah nyobain di kostum domain mas, tapi seharusnya kalau pakek hosting sendiri bukanya tambah cepet ya gan ??

      Hapus
  15. info menarik mas, btw ini blog nya cepet bener load nya

    BalasHapus
    Balasan
    1. Masih kurang cepet neh mas, banyak blog yang lodingnya lebih cepet dari ini. hehee

      Hapus
  16. Informasi yang bermanfaat dan sangat membantu pemula seperti saya. Trima kasih infonya. Salam Sahabat

    BalasHapus
  17. ni posting bagus banget ternyata gan, salam kenal ya,,,kunjungi juga blog saya.

    BalasHapus
    Balasan
    1. Tq mas, ok.. sudah lama memang gak pernah wallking" :D

      Hapus
  18. mantapz double bro blog ane jadi cuepet cuman 1,71 detik ,kcoba di pingdom, sblmnya 10 detik... Thanks

    BalasHapus
  19. Emmm emang tergantung siapa yang pakai script nie,,,,, Kalau menurutku sie kagak usah pakek ni juga kagak papa..

    BalasHapus
    Balasan
    1. Betul mas, semua tergantung masing" saya disini cuman sekedar berbagi. hehee

      Hapus
  20. mantap ya infonya, say ikut backlink disini ya

    BalasHapus
  21. sangat membantu informasinya bos....izin menerapkan di blogq ya!!!......ditunggu juga kunjungan balik ..http://tutorial-sanasini.blogspot.com/

    BalasHapus
  22. kayak gak ada perobahan kawan !!!
    tapi thanks lah untuk infonya, semoga kode-blogger tambah maju ya.
    :)

    BalasHapus
    Balasan
    1. Yaa begitulah, ada yg lebih kecil size loadnya, ada yg tambah berat ada juga yang merasa lebih cepat.

      sebelum dipasang ditest dulu sob.
      Tq sob...

      Hapus
  23. manteb infonya gan, blog jd ringan ini . . .

    BalasHapus
  24. Terimakasih sob, Blognya simple sob, :like:
    Iya neh lagi rame kontes SEO, pingin ikutan tp saingan berat" pastinya :D
    Males juga optimasi SEOnya.. haha

    Sukses sob buat kontesnya, semoga menang.. \m/

    BalasHapus
  25. mantap gan udah ane coba juga,ya hasilnya bisa dikatakan lebih ringan loadingnya,mampir gan ya di www.gedeawansambangan.com

    BalasHapus
  26. Info yang baguz sekali untuk disimak.....
    Bermanfaat sekali untuk saya....

    Mohon kunjungan baliknya yaa....
    Dan saya juga sangat berterima kasih sekali kalau anda berkenan FOLLOW dan Backlink Blog sederhana saya.... :-)

    Title: Zamrud News
    ( www.zamrudnews.com )

    BalasHapus
  27. Seph, biar nggak lama-lama nunggu loading yach sob :-bd

    BalasHapus
  28. kyaknya ada yang kurang bos, ijin menambahkan dsni :D
    http://bloggerswordpress.blogspot.com/

    BalasHapus
  29. ini tidak akan membuat error blog kita nantinya???

    BalasHapus
  30. oh ternyata ada cara yang pake edit html ya, baru tahu nih...terima kasih tipsnya gan...

    BalasHapus
  31. terima kasih ya gan, sangat bermanfaat banget nih, sudah saya coba dan ternyata memang lebih cepat....

    BalasHapus
  32. mantap banget gan,.
    awalnya punya ku 0.29 second, setelah pake script ini jadi 0.9 second
    thanks alot ya gan :D

    BalasHapus
  33. Komentar ini telah dihapus oleh pengarang.

    BalasHapus
  34. Keren blognya :)
    makasih ya :)

    BalasHapus
  35. tips yang bermanfaat gan

    BalasHapus
  36. Thank gan...tips yang oke..

    BalasHapus
  37. ga terlalu banyak juga ya script nya. =p*

    Variasi Mobil

    BalasHapus
  38. Alhamdulillah, akhirnya nemu juga yang ngepost ini. makasih ya. Do`ain moga sukses saat memanfaatkannya.

    BalasHapus
  39. dah ane terapin di blog ane....tambah ringan sih....tpi dikit banget perbedaannya..

    BalasHapus

Catatan:
Link hidup dalam komentar akan terhapus secara otomatis.
Untuk menyisipkan kode, gunakan tag <i rel="code">KODE</i>
Kode yang panjang bisa menggunakan tag <i rel="pre">KODE PANJANG</i>
Untuk menyisipkan gambar, gunakan tag <i rel="image">URL GAMBAR</i>
Untuk menyisipkan judul, gunakan tag <b rel="h3">JUDUL DI SINI...</b>
Untuk menciptakan efek tebal gunakan tag <b>TEKS DI SINI...</b>
Untuk menciptakan efek huruf miring gunakan tag <i>TEKS DI SINI...</i>