Untuk Mempercepat Loading Blog ada banyak cara
yang dapat dilakukan, antara lain dengan cara mengkompress kode CSS/HTML biar
ukurannya jadi lebih kecil, meng-Edit Template Supaya Valid XHTML, mengkompress
Image supaya lebih optimize, dan lain-lain.
Kesempatan
kali ini kita akan ringankan loading blog dengan sedikit menambahkan kode,
yaitu dengan menggunakan kode script yang dicoding secara khusus untuk
mempercepat loading blog. dengan menggunakan kode script ini maka 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 :
1.
Masuk ke akun
blogger anda
2. Klik pada Template. (jangan lupa
backup dulu template anda, untuk menghindari sesuatu yang tidak diinginkan).
3.
Selanjutnya, klik
Edit HTML dan klik Proceed / Lanjutkan.
4.
Beri tanda
centang pada Expand Template Widget.
5.
Cari kode </head> gunakan CTRL + F pada keyboard.
6.
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() { $("img").lazyload({placeholder : "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhooJHyKDbZo3M7Oy4i_qlBl0bNJKzeV-S7kiEBQWdfCaP6HDXPYty42O-DsTZhEf6s9b2MEgJhhoQCfG6yBMVngVEG_7luuvADa7SXSLT9ee9u-0x9ORuwqt5kKGn5bma7rB_2LgHWfaE/",threshold : 200}); }); </script>
<script src='http://wadah-tutorial.googlecode.com/files/superload.js' type='text/javascript'/>
<script charset='utf-8' type='text/javascript'> $(function() { $("img").lazyload({placeholder : "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhooJHyKDbZo3M7Oy4i_qlBl0bNJKzeV-S7kiEBQWdfCaP6HDXPYty42O-DsTZhEf6s9b2MEgJhhoQCfG6yBMVngVEG_7luuvADa7SXSLT9ee9u-0x9ORuwqt5kKGn5bma7rB_2LgHWfaE/",threshold : 200}); }); </script>
7.
Terakhir klik Simpan Template.
