Tips Mempercepat Loading Blog dengan Code Lazy Load

Tips Mempercepat Loading Blog dengan Code Lazy Load | Lazy Load | Loading blog yang cepat adalah salah satu nilai plus dalam tindak SEO , konon katanya blog yang cepat loadingnya sangatlah di sukai oleh search engine , Buka cuma search engine saja yang menyukai loading blog kita cepat tentunya pengunjung menyukai hal itu . Oke kali ini saya mau berbagi tips cara mempercepat loading blog dengan menggunakan plug in Lazy Load .Cara kerja Plug in Lazy Load ini adalah sebagai berikut Setiap gambar yang masih berada di bawah layar  tidak akan diakses, melainkan hanya akan digantikan dengan sebuah gambar berwarna abu-abu. Sampai sesaat kemudian layar dinaikkan dan gambar-gambar kelabu di bawahnya muncul, gambar-gambar kelabu itupun akan menghilang lalu mengizinkan sistem untuk mengakses gambar aslinya.  Dengan cara ini, maka kita tidak perlu lagi mengeklik tautan Halaman Sebelumnya atau Halaman Berikutnya, kita cukup menggulung layarnya saja ke atas dan gambar-gambar di halaman sebelumnyapun masih tetap ada pada tempatnya. Tidak perlu membolak-balik halaman, dan tentu saja itu akan lebih menghemat waktu dan biaya.
Plug in ini adalah sebuah plug ini yang di pakai google dalam pencarian gambar . 

Cara Penerapan lazy load di blog :

  • Log in blog anda kemudian menuju ke rancangan lalu Edit HTML
  • Blog sobat harus punya script yang mirip seperti script di bawah ini :

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'></script>

  •  Kalau bisa kode jquerynya harus lebih dari versi 1.7.2
  • jika belum punya kode tersebut , letakkan kode tersebut diatas kode </head>
  • Setelah itu letakkan kode berikut ini diatas kode script jquery tadi atau bisa di add gadget >> HTML / Java Script

<script src='http://reader-download.googlecode.com/svn/trunk/lazyload.js' type='text/javascript'></script>
<script type='text/javascript'>
$(function() {
    $('img').lazyload({
        placeholder : "http://2.bp.blogspot.com/-sJ-tZahntLI/T9coeqmdqMI/AAAAAAAADUQ/ztxIT1Fht4g/s1600/grey.png",
        effect      : "fadeIn",
        threshold   : 500
    });
});
</script>


Kode yang di tandai itu adalah url gambar Abu-abu yang saya bilang tadi ukuran gambar tersebut adalah 1px kali 1px yang pasti akan sangat membantu percepat loading blog sobat .

Announcing JotForm Developer Competition

JotForm Developers API Competition | JotForm
We have some exciting news to share today!
We have recently released an API to build apps for JotForm. We are now celebrating our new API with a competition for software developers. The grand prize is $5,000.

http://developers.jotform.com/competition

Our goal is to encourage developers to build great apps for JotForm. You will be able to get these apps on a new JotForm Apps section in our site.
Help us get more apps for JotForm! Here is how you can help: If you know any software developers please forward this email to them. If you use any of the sites below please share & help us spread the news!
  • Tweet on Twitter
  • Share on Facebook
  • Share on G+
  • Vote in HN
  • Vote in Reddit
You are receiving this e-mail because you have a JotForm account: azkazullham.
If you no longer want to receive emails from JotForm please click here to unsubscribe.
E-mail not displaying correctly? View it in your browser.