Rabu, 24 Oktober 2012

Script untuk mempercepat loading blog Blogger


Script untuk mempercepat loading blog Blogger |Berbagai cara yang dilakukan untuk mempercepat loading blog, yaitu dengan cara mengcompress kode CSS/HTML. Namun trik ini beda sekali, yaitu penggunaan script yang dicoding secara khusus untuk mempercepat loading blog. Script yang membuat fungsi ini adalah lazy load script, dengan menanamkannya ke dalam struktur template, maka browser tidak akan membaca gambar-gambar di blog yang berakibat mempercepat loading dan meringankan beban server.
 Nah, berikut ini adalah kode scriptnya :


<script charset='utf-8' src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
<script src='http://fam12.googlecode.com/files/superload_fam.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/AVvXsEjavunDlidwuZrZcBZGeFEJs5fqLNrvMxF1aPbo0zYEDpahoj0pB04DkF6zztzgHytyG-y2_0GGflHLI8ILtP_blObXRmfl7rX2r_51z8ghyjeBTFQz9s7spTGhd67pGaJMUZDsfIKcJzA/&quot;,threshold : 200}); }); </script>

Berikut ini langkahnya :

  1. login ke akun blogger / dasbor.
  2. Cari  - Edit Html.
  3. Centang pada Expand Template Widget.
  4. Cari kode </head> menggunakan tombol CTRL + F .
  5. Lalu pastekan kode tadi tepat di ATAS kode </head>.
  6. Jika sudah klik Simpan. Dan lihat hasilnya.