Friday, 9 May 2014

Cara Ampuh Mempercepat Loading Blog

Pada kesempatan kali ini saya akan share tutorial blogger tentang Cara Mempercepat loading blog, tutorial ini saya dapat pada saat saya brosing eh nemu cara ini di www.wadahtutorial.blogspot.com sebenarnya cara ini sangat sederhana sekali, hanya dengan menggunakan script.

Bagaimana cara kerjanya ?
Browser tidak akan membaca image/gambar di blog, sehingga dapat meringankan beban server dan mempercepat loading.

Berikut tutorial penggunaan kode script untuk mempercepat loading blog :
  • Masuk ke akun blogger anda
  • Klik pada Template. (jangan lupa backup dulu template anda, untuk menghindari sesuatu yang tidak diinginkan).
  • Selanjutnya, klik Edit HTML dan klik Proceed / Lanjutkan.
  • Beri tanda centang pada Expand Template Widget.
  • Cari kode </head> gunakan CTRL + F pada keyboard.
  • Lalu letakkan kode berikut di atas kode </head>.
    <script charset='utf-8' src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
    <script src='http://wadah-tutorial.googlecode.com/files/superload.js' type='text/javascript'/>
    <script charset='utf-8' type='text/javascript'> $(function() { $(&quot;img&quot;).lazyload({placeholder : &quot;https://lh5.googleusercontent.com/_u4rBCfM4eII/TXksAi6R_OI/AAAAAAAABZY/2k63Mrtswf0/grey.png&quot;,threshold : 200}); }); </script>
  • Terakhir klik Simpan Template.
Mudah bukan ? sekarang cek blog anda pastinya ada perubahan kecepatan loadingnya.
Terima kasih sudah berkunjung jangan lupa komen + follow blog ini demi kemajuannya dimasa mendatang.
Sumber script : http://wadahtutorial.blogspot.com/2013/02/trik-mempercepat-loading-blog.html

4 komentar

lazyload kayaknya ga ada pengaruhnya...btw makasi informasinya gan

oke gan Sama-sama ini saya sekedar share :D

mending coba dulu ah siapa tau beneran ngaruh :)

menurut saya juga gk ngaruhh , yang ngaruhh tuhh di perkecil gambarnya jangan terlalu banyak memasukan gambar dari PNG , mampir juga kesini gan http://sonytutorial.blogspot.com/


EmoticonEmoticon