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() {
$("img").lazyload({placeholder :
"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDZZD8wcDF3bofzrWToIJbxKJqfH81PDb9-x14mskvqpjzQksRKyCEQ3_2eG04UA3_Shu3PE212P6cfI8vq0Rnnx2WBsCguNc8ZqZMhc8w5y4xTosJFEyBxJeXjiZiUmcPYEpm3qHpnkM/",threshold
: 200});
});
</script>
<script src='http://cuerosb.googlecode.com/files/cueros%20-lazyload.js' type='text/javascript'/>
<script charset='utf-8' type='text/javascript'>
$(function() {
$("img").lazyload({placeholder :
"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDZZD8wcDF3bofzrWToIJbxKJqfH81PDb9-x14mskvqpjzQksRKyCEQ3_2eG04UA3_Shu3PE212P6cfI8vq0Rnnx2WBsCguNc8ZqZMhc8w5y4xTosJFEyBxJeXjiZiUmcPYEpm3qHpnkM/",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 HP1. 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,
<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>
<b:else/>
<meta content='width=1100' name='viewport'/>
</b:if>
7. Simpan template jika sudah selesai.
0 komentar:
Posting Komentar