Percepat Loading Blog Dengan Lazy Load - bukanmaster.com > jQuery - Halo Sobat Blogger, apa kabar nih ? Pastinya baik donk, kalo kurang sehat, sebaiknya jangan di depan layar terus sob, ntar malah tambah sakit. Setelah saya posting beberapa Template yang terus saya Update, yang salah satunya paling aku suka yaitu X10 Masonry Transparent Blogspot Template, Saya suka karena Tampilanya yang Stylish dan enak dipandang, dan Blogazine sob, jadi bari para Blogaziner² boleh coba tuh template, sebenernya saya sih pengin, tapi masih betah sama Template ini :D
Contoh Penerapan Lazy Load Pada Google Images |
Langsung saja kita ke topik Permasalahan (hahaha . kaya Dewan agung aja)
Lazy Load adalah salah satu Plugin jQuery yang cukup berguna untuk mempercepat Blog sobat, gimana sih cara kerjanya ? Coba sobat Scroll kebawah Dengan Cepat dan lihatlah gambar² yang ada pada blog saya, sebelum mengakses gambar sesungguhnya, maka Gambar tersebut akan berwarna Abu² itu adalah Wakil dari Gambar tersebut, dalam Artian, dia menggantikan Gambar utama sebelum Kita lihat , jadi Walaupun Aslinya loading blog kita udah usai, tapi sebenernya, Gambar² belum terakses, gambar² akan terakses setelah Di scroll ke gambar itu.
Langsung aja kita ke Tutornya. (Sebelum Pengeditan, gk ada salahnya kalo template Blog sobat diBackup dulu)
1. Login Blogger Sobat
2. Rancangan --> Edit HTML (Jika menggunakan Antarmuka Blogger Lawas)
3. Jika blog sobat sudah menanam jQuery di bawah ini, maka tidak usah Di pasang lag. Jika belum Masukan jQuery di bawah ini Di atas tag
</head>
, Di bawah <head>
, di atas </body>
atau Di bawah <body>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"> </script>4. Jangan Save Template sobat dulu, Masukan Code di bawah ini di Atas tag </head>
<script src='http://bukan-master.googlecode.com/files/lazyload.js' type='text/javascript'></script> <script type='text/javascript'> $(function() { $('img').lazyload({ placeholder : "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi387bfdweFWJRx1SnGZTEH7HL7_BzHDqNZB5jpOOt4i7rOIU1OcSv7H9wXpa5C9lvEzOPDWxthSWpZ7w8NEpwqwgL6EOIIs0NfQZ5PHg2CIA5r-i6mfbJCXBEEsRz6Z0aBQFJG0WKQ77g/s1600/grey.png", effect : "fadeIn", threshold : 500 }); }); </script>5. Save Template anda dan Lihat Hasilnya.
Lihat Code yang Saya garis bawahi Code di atas , Coba sobat Akses Url itu, apa yang anda Lihat ? itu adlah Warna Abu² yang saya maksud, Gambar itu memiliki Resolusi 1x1 Pixel, jadi gk akan mberatin blog sobat.
ga ngerti maksud cara kerjanya gmn kok bisa membuat cepat loading blog?
BalasHapusCoba bang Isnan Search Gambar Di Google Image, jika koneksi abang lelet, kebetulan banget, Sebelum gambar yang dimaksudkan muncul, maka Gambar itu Blank warna Abu² seperti dalam Screenshot yang saya Ambil di atas.
HapusDalam artian, itu sebagai wakilnya dulu dalam mengakses sebuah gambar :D
ohh khusus gambar saja?
BalasHapusya gan, lumayan buat Percepat Load blog, biar gk lag/lelet :D
Hapusiye udah gue coba. hasilnya emang di gantikan gambar yang grey
HapusTak cobanya dulu ya kak ?
BalasHapusMonggo di coba mba Gita :D
Hapusmantef banget kang, bisa di cobA nih. Thank udah share
BalasHapusiya, kalo kita berkunjung ke suatu blog dan loadingnya lelet bener..udah spontan pengen ninggalin aja. kali ini saya akan coba diterapin di blog saya, tengkyu kang.
BalasHapuswahhh saya hanya bisa memantau dari jauh mas.. gak ngerti oprek oprekan blog ;(
BalasHapusnice post, maaf baru bisa hadir lgi di sini :D
BalasHapusBagus juga ini software Lazy Load bikin aku ingin download. terimakasih infonya gan sukses terus
BalasHapusSemoga dengan Lazy Load ini load saya bisa cepat dan lancar. terimakasih embak atas infonya
BalasHapusbaik gan saya coba ya.. terimakasih atas tips nya ...
BalasHapusbagus nih, saya akan coba biar blog saya loadingnya ngga lelet dan bikin orang cepet emosi.
BalasHapuskebetulan nih ada trik mempercepat loading, untuk antisipasi kalau-kalau blog saya loadingnya lelet.
BalasHapustengktu..
mumpung sudah basah di depan kode2 html sekalian saya terapkan.. :D
BalasHapusbaiklah, ta' coba dulu tipsnya.
BalasHapussemoga dengan ini, blog saya ngga ada masalah dengan yang namanya lola
kapan kapan saya coba ya.. perlu banget neh apalagi yang berhubungan dengan mempercepat blog, kalau terlalu lama bukanya terkadang kita sendiri kesel nunggu untuk membuka hingga full... terima kasih infonya...
BalasHapusKalau buat wordpress kanya bisa ini gan ia???
BalasHapusakan aku coba kalau bisa. terimaksih ionfonya gan
Wah infonya kren gan terimaskih dan sukses terus
BalasHapussaya tes dulu gan..
BalasHapusizin nyoba ya kang...
BalasHapusiya, akhir-akhir ini blog saya juga mengalami Loading Lama.
BalasHapusoke, saya mau memperbaikinya ngikutin triknya,, cekidot!!!
tengkyu.
itu maksudnya gimana ya gan???
BalasHapusmmmmm.....simak dulu deh,
BalasHapuswah, saya belum pernah nyoba nih. saya juga mau izin nyoba, buat menolong blog saya.
BalasHapusmakasih tutornya bang,
BalasHapusoh iya, tolong Anda ganti link SAGITA COM ya, soalnya aku baru ganti domain, terima kasih sebelumnya !
wah ..
Hapusyang ganti domain nih, Congrat ya mba :D
maaf gk pernah BW, soalnya udah Kelas 9 jarang buka Laptop :D
Wah ini info mantap gan aku coba download dech.terimakaih gan infonya & sukses terus
BalasHapusBaru tahu saya gan kalu softwere Lazy Load ini bisa
BalasHapusbuat cepat loadingnya terimaksih gan atas infonya
Infonya mantap gan terimakasih atas info & softwerenya Lazy Load
BalasHapussukses terus gan
sepertinya mantapp nihh ??
BalasHapusbpleh dicoba nieh gan.? info menarik dan menambah wawasan saya terima kasih.
BalasHapusboleh juga nih di coba..heheeee
BalasHapusgan katanya mau vakum dulu ya..mau kemana gitu . .
BalasHapusMinal aidin walfaizin Om buksnmsdter. Tukang Obat mengucapkan mohon maaf lahir & batin
BalasHapusMantap gan infonya terimakaih atas infonya gan
BalasHapusthanks tipsnya gan..izin coba
BalasHapusWah ini infonya sangat bermanfaat gan terimakasih.
BalasHapusAku coba gan Lazy Loadnya semoga aja cepat & aku bisa memperaktekannya.terimakasih atas infonya gan
BalasHapusMntap gan infonya terimakasih & semoga sukses
BalasHapusinfo yang sangat saya tunggu dan cari, baik gan saya akan mencobanya apakah saya akan mendapatkan hasil yang maksimal..........!
BalasHapusizin nyoba ya gan,,
BalasHapusWah mantap ini gan boleh dicoba tapi yang mana skripnya tuh???
BalasHapusInformasi yang sangat bagus, artikel Anda sangat membantu saya dalam menambah ilmu pengetahuan yang saya miliki sekarang ini. Terimakasih.
BalasHapusSangat menarik, tapi saya harap ketika Anda membuat artikel baru lagi bisa lebih baik dari pada sebelumnya. Jangan sampai berhenti untuk memberitahukan kesemuanya, terus dan terus membuat artikel. Saya tunggu yang baru teman!
BalasHapusArtikel anda bisa membantu saya dalam mengetahui informasi yang baru, saya sangat berterimakasih atas semua pemberitahuannya. Semoga anda tidak bosan untuk memberitahukan sebuah artikel baru anda.
BalasHapusia saya juga hanya bisa melihat aja,,, saluuuuuuuut bener deh
BalasHapusBoleh dicoba ini gan kayanya ini info yang sangat menarik dan menambah ilmu buat ane.sekali lagi terimakasih ea gan.
BalasHapusHebat gan infonya boleh saya coba buat website saya.
BalasHapusTerimakasih atas infonya gan & saya akan coba.
BalasHapusBoleh juga ini gan saya akan coba terimakasih semoga cepat sukses sortwer Lazy Load saya coba
BalasHapusTerimaskih atas informasinya gan sangat menarik sekalai & sukses selalu
BalasHapusartikel yang seperti ini yang saya tunggu gan, ini berguna buat pemula seperti saya terima kasih.!!
BalasHapusgann Gambar Di Google Image, jika koneksi abang lelet, kebetulan banget, Sebelum gambar yang dimaksudkan muncul, maka Gambar itu Blank warna Abu² seperti dalam Screenshot yang saya Ambil di atas.
BalasHapusDalam artian, itu sebagai wakilnya dulu dalam mengakses sebuah gamba
wah baru liat, baik saya akan mencobanya terimakasih atas infonya sangat bermanfaat sekali bagi saya........!
BalasHapusInformasi yang sangat bermanfaat buat saya om bukanmaster.
BalasHapusterimakasih saya ucapkan kepada anda yang telah memberi informasi kepad kami.salam sejahtera dari saya gan
setelah di coba menggunakan script diatas, ternyata blog saya loadingnya tambah lambat, apa emang template blog saya yg gak mendukung ya?
BalasHapusmantef banget gann, bisa di cobA nih. Makasih udah share
BalasHapusWah ini softwernya mantap gan.
BalasHapusboleh dicoba.
ijin pake bang, makasih udah berbagi
BalasHapusnyicipin ilmunya sob.makasih yach.
BalasHapus