Cara Mempercepat Loading di Blog
Lanjut posting, kali ini admin mau share bagaimana Cara Mempercepat Loading di Blog. Biasanya pada umumnya kita menggunakan berbagai cara untuk meringankan loding pada blog, sperti Kompres CSS, Java Script, Dll, dan itu semua untuk menarik perhatian mbah google dalam mengindeks dan menampung blog kita juga termasuk strategi SEO. Cara lain yang cukup ampuh yaitu dengan melakukan hal tersebut yaitu memasang script JQuery Lazy Load, script yang fungsinya untuk mempercepat loding blog terutama pada blog yang memiliki banyak gambar.
Langsung aja berikut cara pemasangannya :
1. Seperti biasa login ke akun blogger agan/i
2. Klik "Rancangan" -> "Tata Letak"
3. Tambahkan Gadget Baru ->HTML Java Script dan masukan Kode berikut :
1. Seperti biasa login ke akun blogger agan/i
2. Klik "Rancangan" -> "Tata Letak"
3. Tambahkan Gadget Baru ->HTML Java Script dan masukan Kode berikut :
Kode :
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js' type='text/javascript'></script> <script type='text/javascript' src='http://javscript-code.googlecode.com/files/jquery.lazyload.mini.js?ver=1.5.0'></script> <script type="text/javascript"> jQuery(document).ready(function($){ if (navigator.platform == "iPad") return; jQuery("img").lazyload({ effect:"fadeIn", placeholder: "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJew3hThYwlWoNSYnsCmyNjP3cOZYJWNuDzIi3kc6fqvwOoGZCD81VojQNc01zbMSqyzBmymDROy15ytRWfgxec19IiOXDQZbm0cKVpv8_PjhHyDdF-FPc30sEdUWCuu3478kgp9WXZyE/s1600/grey.gif" }); }); </script>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js' type='text/javascript'></script> <script type='text/javascript' src='http://javscript-code.googlecode.com/files/jquery.lazyload.mini.js?ver=1.5.0'></script> <script type="text/javascript"> jQuery(document).ready(function($){ if (navigator.platform == "iPad") return; jQuery("img").lazyload({ effect:"fadeIn", placeholder: "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJew3hThYwlWoNSYnsCmyNjP3cOZYJWNuDzIi3kc6fqvwOoGZCD81VojQNc01zbMSqyzBmymDROy15ytRWfgxec19IiOXDQZbm0cKVpv8_PjhHyDdF-FPc30sEdUWCuu3478kgp9WXZyE/s1600/grey.gif" }); }); </script>
4. Lalu simpan dan lihat hasilnya.
5. Bila dirasa kurang maksimal maka agan/i dapat menambahkan script diatas kode </head> atau </body>
Sangat mudah dan gampangkan, bila dirasa ada perubahan berarti scriptnya berhasil bekerja, sekian dulu postnya terima kasih.
Post a Comment