Berikut Tutorialnya:
Sebelum melakukan perubahan coba cek terlebih dahulu kecepatan akses blog kamu di situsWeb Speed Test
Cara Pertama
1. Masuk ke Blogger --> Templates --> Edit HTML dan Centang Expand Widget Templates.
2. Disarankan Backup terlebih dahulu untuk menghindari kesalahan.
3. Cari kode </head> dengan tekan (Ctrl + F atau F3)
4. Kemudian salin kode berikut ini tepat 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://fast-load.googlecode.com/files/inwepo-lazyload.js' type='text/javascript'/>
<script charset='utf-8' type='text/javascript'>
$(function() {
$("img").lazyload({placeholder : "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzo0IdFPjj2n-WpJ8GqAHjwlLh_ut-4z8Ztqt0jTHJaEE5dP_9IXd5Fgk4z94tDyPcdDDxCE-eGF2__EabwBzUu4yzfhVQY7sOgsLfX7ZuFWs-ttUJHNns89WkVkKONsTzQGbjr86vIbc/",threshold : 200});
});
</script>
Cara Kedua
1. Kurangi jumlah Widget yang berlebihan seperti jam, animasi, kalender dan lain - lain apa lagi yang berbentuk flash.
2. Meng-compress CSS template blog di situs CSS Compressor, pengaturannya ikuti seperti screenshot di bawah ini:
Masukkan kode CSS template blog yang berada di antara kode <b:skin> dan ]]></b:skin> pada kotak yang di sediakan.
kemudian Klik Compress - it.
Setelah di Compress silakan kembalikan lagi kode yg sudah di compress ke tempat asalnya.
Cara Ketiga
Compress HTML CSS di situs HTML Compressor.
Pilih code type: Blogger
Jika ketiga cara tersebut tidak mengalami perubahan mungkin banyak kode yang error silakan cek di situs HTML dan CSS validator
Contoh hasilnya:
Sebelum
Sesudah
0 komentar:
Posting Komentar