Tips dan Trik Mempercepat Loading Blog. Untuk lebih jelasnya, ikuti langkah-langkah dibawah ini.
Tips Mempercepat Loading Blog
- Mempersingkat Tampilan awal atau home blog dengan cara membuat baca selengkapnya di setiap halaman posting. Dengan begitu loading blog dihalaman awal blog akan terbuka lebih cepat.
- Mengurangi atau mendelete widget yang tidak diperlukan, seperti widget jam, tanggal dan lain-lain. Jika memang tetap ingin mempertahankan widget2 tersebut, tempatkan widget di bagian footer bawah blog. Maka loading blog akan sedikit bertambah cepat, karena bagian-bagian terberat blog akan dibuka belakangan.
- Menampilkan 4 sampai 5 posting saja di halaman beranda/home blog.
- Jangan terlalu banyak menggunakan gambar di blog.
- Kompres gambar yang akan dimasukan di blog, menggunakan Ms. Office Picture Manager atau software Compress gambar lainnya.
- Menghilangkan gambar tang obeng diblog, yang berada di setiap bagian widget yang digunakan.
- Compress Template Blog. Caranya, silakan lihat di bawah.
- Menghilangkan sidebar widget pada halaman tertentu. Caranya, lihat dibawah.
- Mengatur lebar gambar agar tidak melebihi halaman posting.
Trik Mempercepat Loading Blog
Sebelumnya, test dulu kecepatan blog kamu di situs ini http://gtmetrix.com. Untuk melihat berapa skor kecepatan dari blog kamu. Selanjutnya, setelah melakukan cara-cara dibawah ini, test kembali kecepatan loading blog kamu di situs tersebut, untuk melihat berapa besar perbedaannya.
Cara Kompres Template Blog
- Login ke blog, Dari halaman dasbor pilih pengaturan template.
- Edit HTML dan Copy semua kode yang ada di template kamu dari awal sampai akhir.
- Selanjutnya kunjungi situs http://htmlcompressor.com/compressor.html
- Dan Pastekan semua kode tadi ke kotak yang ada disitus tersebut.
- Setelah itu click COMPRESS dan pilih CHANGE
- Terahir, Copy semua kode hasil compress tadi, dan pastekan ke template blog kamu. Save template, Selesai.
Menghilangkan Sidebar Widget pada halaman tertentu
- Ada 2 cara menyembunyikan sidebar widget di halaman terntentu di blog.
- Cara Pertama, Login ke blogger > pengaturan template > edit html > cari kode </head>
- Dan tempatkan kode berikut diatas </head>
- Ganti ihttp://fandrajuani.blogspot.com/p/daftar-isi_12.html dengan URL halaman yang ingin sidebarnya disembunyikan. Save Template, selesai.
- Cara kedua, cari kode <head>,
- Dan tempatkan kode berikut diatas <head>
- Ganti http://fandrajuani.blogspot.com/p/hubungi.html dengan url dari halaman kamu. Save template, Selesai.
<b:if cond='data:blog.url == "http://fandrajuani.blogspot.com/p/daftar-isi_12.html"'>
<style type='text/css'>
.main-inner .columns {
padding-left: 0px;
padding-right: 0px;
}
.main-inner .column-left-outer {
display: none;
}
.main-inner .column-right-outer {
display: none;
}
</style>
</b:if>
<style type='text/css'>
.main-inner .columns {
padding-left: 0px;
padding-right: 0px;
}
.main-inner .column-left-outer {
display: none;
}
.main-inner .column-right-outer {
display: none;
}
</style>
</b:if>
<b:if cond='data:blog.url == "http://fandrajuani.blogspot.com/p/hubungi.html"'>
<style type='text/css'>
.sidebar{
display: none;
}
</style>
</b:if>
<style type='text/css'>
.sidebar{
display: none;
}
</style>
</b:if>
Dan yang terakhir, mengatur lebar gambar di postingan blog agar tidak melebihi halaman. Jika kita menggunakan ukuran gambar ekstra besar, biasanya gambar akan melewati batas halaman posting, bisa sampai terkena widget bagian sidebar kanan, dan itu akan membuat loading blog lebih lambat. Berikut ini adalah script kode untuk mengatur lebar gambar, untuk lebih jelasnya ikuti langkah-langkah dibawah ini.
Mengatur lebar gambar posting blog
- Login ke blogger, dari halaman dasbor pilih pengaturan template.
- Dan klik edit HTML, selanjutnya cari kode ]]></b:skin> dan masukan kode berikut diatasnya.
- Save Template, selesai.
#header img { max-width: 99%; max-height:90%; margin:1px 1px;padding:0px;}
.post img { vertical-align:bottom; max-width:90%; max-height:90% }
#navigation img { vertical-align:bottom; max-width:80%; }
.post img { vertical-align:bottom; max-width:90%; max-height:90% }
#navigation img { vertical-align:bottom; max-width:80%; }
Sebenarnya blogger sudah memberikan tools untuk mengatur gambar saat kita menulis artikel, tapi itu tidak cukup untuk mengatur gambar dengan lebar yang sangat besar. Setelah memasukan kode diatas, maka gambar dengan lebar ekstra besar, tidak akan melewati lebar halaman posting, dan cukup membantu untuk mempercepat loading blog. Silakan baca juga cara mempercepat loading blog lanjutan dari artikel ini. Untuk menambah kecepatan loading blog anda. Semoga Bermanfaat.
No comments:
Post a Comment