Kamis, 12 Desember 2013
12/12/2013 01:09:00 AM

Tips Cara Mempercepat Loading Blog

Meringankan loading blog dengan Lazyload

Gunakan lazyload yang akan membantu meringankan blog sehingga menambah kecepatan loading, lazyload akan menunda loading gambar dengan mengutamakan script terlebih dahulu, sehingga seoalh-olah berjalan dengan lebih cepat. Dan anda bisa mencoba untuk meletakkan kode script di bawah ini di atas kode </head>, jika dirasakan tidak ada perubahan pada loading anda, maka ada baiknya dilepaskan lagi script tersebut.

<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://lh5.googleusercontent.com/_u4rBCfM4eII/TXksAi6R_OI/AAAAAAAABZY/2k63Mrtswf0/grey.png&quot;,threshold
: 200});
});
</script>

Jika di blog anda sudah ada jquery maka hapus  <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js' type='text/javascript'/> di atas, dalam 1 blog hanya boleh ada 1 jquery.

 

Membuat Blog cepat di akses di Handphone

Tips Membuat Blog Cepat Diakses Lewat HP 
1. Login ke Blogger.
2. Di halaman Dasbor,  pilih Blog anda.
3. Kemudian pilih Template lalu Edit HTML
4. Beri tanda centang pada Expand Template Widget
5. Cari kode <b:include data='blog' name='all-head-content'/>
6. Jika sudah ketemu taruh kode berikut di bawahnya:


   <meta content='IE=EmulateIE7' http-equiv='X-UA-Compatible'/>
   <b:if cond='data:blog.isMobile'>
   <meta content='width=device-width, 
   initial-scale=1.0,user-scalable=0' name='viewport'/>
   <b:else/>
   <meta content='width=1100' name='viewport'/>
   </b:if>
7. Simpan template jika sudah selesai.

0 komentar:

Posting Komentar