Saturday, 3 November 2012

Cara Mempercepat Blog Dengan Lazy Loading

Salahsatu cara mempercepat loading blog adalah dengan menunda penampilan gambar-gambar selama beberapa saat ketika sebuah blog di load oleh browser.

Dengan demikian kerja browser akan menjadi lebih ringan dan halaman blog menjadi lebih cepat terbuka.

Lazy Loading pada blogspot sangat mudah diterapkan, cukup dengan menyisipkan javascript dan jquery maka teknik ini akan dapat bekerja dengan sempurna.

Lazy Loading Blogger

Untuk menggunakan Lazy Loading Images pada blogspot, cukup sisipkan kode berikut tepat diatas </body>:

<!--:[ LAZY LOAD START ]:-->
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js' type='text/javascript'/>
<script src='http://mu5lim.googlecode.com/files/lazyload.js' type='text/javascript'/>
<script type='text/javascript'>
      $(function() {
          $(&quot;img&quot;).lazyload({placeholder : &quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigfTHarcAVWXIa-3-PXROVEZRr7Jll31Dt3fOOW9RfKQNtjpXE2pKLF_Ne7YtMFaJc8Ik-2XHY2flOGZ8LYVAxjUze-X2C9hiqwsQb2vpFn5eYTtU_SCdNp5Qy07IP_JSjsfqmdvXYJho/s1600/lazybg.png&quot;});
      });
</script>
<!--:[ LAZY LOAD END ]:-->