CARA MEMPERCEPAT LOADING BLOG DENGAN SCRIPT LAZYLOAD
mempercepat loading blog dengan script lazyload |
Kembali tentang loading blog ,pernah nggak merasakan sebuah blog yang ketika dibuka loadingnya memerlukan lebih dari 10 menit, lantas apa yang akan anda lakukan ..seterusnya tentu saja Bounce alias segera hengkang dari blog tersebut.Nach apakah anda ingin kehilangan audience dalam jumlah yang banyak dengan adanya faktor " berat diloading blog" ini. Demikian juga baru sadari ketika ane masuk dalam kontes SEO : Ekiosku.com Jual Beli online aman menyenangkan , beberapa kali berhasil tembus di page two dan pejwan,karena support backlink teman-teman,akan tetapi hanya bertahan dalam beberapa jam saja sudah terlempar dengan jauh,,,he,,he,, ini hanya untuk try and error saja kawan, setelah saya amati ternyata faktor yang paling jadi masalah adalah di loading blog kita.Saya baru yakin sekarang kalau sebuah tempalate blog akan sangat berpengaruh dalam kaitannya SEO.Semakin cepat sebuah template meloadingkan diri maka dia akan semakin cepat terindeks, wal-hasil tentu saja pejwan adalah buat mereka.
Sebelum melakukan perombakan di template, ada baiknya anda masuk dulu disini buat test loading speed blog anda , setelah ketemu nilainya, inget-inget ya, siapa tahu template anda nggak support dengan script lazyload yang satu ini.Gunanya adalah mengetahui nilai speed blog anda, kemudian bandingkan before dan after , lebih berat atau sudah lebih baikan.Nilai speed blog ini nilai ideal menurut saya adalah 85-90 an lah... ,kalau kurang dari 80 berarti speed blog anda dalam masalah besar kayaknya .Ok silahkan Setelah itu lanjutkan untuk masuk ke dashboard Blogger anda.
OK Silahkan login dulu diblogger langsung menuju Template untuk dimodifikasi , sebenarnya lazzy load ini bisa juga diterapkan dalam widget tambahan dan fungsinya juga sangat mantab,namun untuk lebih baiknya memang ditanam dalam template blog biar menyatu penuh.
1. Login blogger pastinya
2. Masuk ke Rancangan
3. Klik Edit HTML dan klik Expand Template Widget (backUp template jangan lupa ya)
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() { $("img").lazyload({placeholder : "http://bit.ly/Qv60g5",threshold : 200}); }); </script>
6. Simpan Template.
Catatan- Catatan saya tentang cara mempercepat loading blog dengan script lazyload:
- Fungsi utama dari script lazy load ini adalah untuk menggulung gambar-gambar yang ada diblog kita sehingga seakan-akan gambar tersebut diabaikan dan tidak terbaca. Nach dengan demikian loadingnya akan lebih cepat dan lebih mantab.
- Jika anda memasangkan script ini kedalam widget tambahan anda, maka anda bisa memasangnya di bagian terbawah dari element tata letak template anda.Saya sarankan untuk memasangnya disudut kiri dan kanan bawah.Pernah saya uji cobakan dalam blog saya yang penuh dengan gambar-gambar dalam ukuran yang besar memang terasa sekali manfaat nya.
- Jika dipasang di widget tambahan maka caranya adalah : Login > dashboard>Tataletak> add widget > Pilih HTML atau Teks > pastekan kode > save .
- Jika setelah pemakaian script ini loading blog anda semakin berat, maka sebaiknya anda gunakan cara lainnya untuk mempercepat loading blog anda. Klik disini ( Next ya...!!! )
Tags : BLOGGING