b

Pages

Sabtu, 30 Juni 2012

Mempercepat load blog dengan Lazy Load Script

Assalamu'alaikum
Selamat ,malam sobat blogger, kali ini saya akan sharing kembali tentang blogging nih sobat. Tips kali ini akan membahas tentang bagaimana caranya blog kita lebih ringan loadnya dengan menggunakan Lazy Load Script. Fungsi dari script ini adalah untuk meringankan beban server sehingga browser tidak akan membaca gambar-gambar yang ada pada blog. Tanpa basa basi lagi, kita menuju ke TKP:



1. Login ke Blogger, lalu masuk ke dashboard

2.  klik rancangan

3. Klik Edit html

4. Centang Expand templete Widget

5. Cari kode </head> Gunakan Ctrl+F untuk mempermudah

6. Copy paste kode di bawah ini tepat di atas kode </head>

<script charset='utf-8' src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/> <script src='http://cuerosb.googlecode.com/files/cueros%20-lazyload.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/AVvXsEjGz4hRCClol7mKYzjmVidFvqcDt5iHj2msjVM2I0ecVn2dIz6Gks8ghzuX2ccBvvpvfPC-41taHAw2b8M8YQyHiNuf8CJNR_Hjfy599o69hOnHvSznbp-alqG7d-q4kQAy2S8PHt-cZ6c/&quot;,threshold : 200}); }); </script>
 

7. simpan templete, selesai

nah, sekarang buka blog anda, dan liat perbandingannya sebelum dan sesudah dipasang script ini

0 komentar:

Posting Komentar