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() {
$("img").lazyload({placeholder : "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigfTHarcAVWXIa-3-PXROVEZRr7Jll31Dt3fOOW9RfKQNtjpXE2pKLF_Ne7YtMFaJc8Ik-2XHY2flOGZ8LYVAxjUze-X2C9hiqwsQb2vpFn5eYTtU_SCdNp5Qy07IP_JSjsfqmdvXYJho/s1600/lazybg.png"});
});
</script>
<!--:[ LAZY LOAD END ]:-->
No comments:
Post a Comment