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 menciptakan baca selengkapnya di setiap halaman posting. Dengan begitu loading blog dihalaman awal blog akan terbuka lebih cepat.
- Mengurangi atau mendelete widget yang tidak diperlukan, menyerupai widget jam, tanggal dan lain-lain. Jika memang tetap ingin mempertahankan widget2 tersebut, tempatkan widget di bab footer bawah blog. Maka loading blog akan sedikit bertambah cepat, alasannya yaitu bagian-bagian terberat blog akan dibuka belakangan.
- Menampilkan 4 hingga 5 posting saja di halaman beranda/home blog.
- Jangan terlalu banyak memakai gambar di blog.
- Kompres gambar yang akan dimasukan di blog, memakai Ms. Office Picture Manager atau software Compress gambar lainnya.
- Menghilangkan gambar tang obeng diblog, yang berada di setiap bab widget yang digunakan.
- Compress Template Blog. Caranya, silakan lihat di bawah.
- Menghilangkan sidebar widget pada halaman tertentu. Caranya, lihat dibawah.
- Mengatur lebar gambar semoga tidak melebihi halaman posting.
Trik Mempercepat Loading Blog
Sebelumnya, test dulu kecepatan blog kau di situs ini http://gtmetrix.com. Untuk melihat berapa skor kecepatan dari blog kamu. Selanjutnya, sehabis melaksanakan cara-cara dibawah ini, test kembali kecepatan loading blog kau 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 arahan yang ada di template kau dari awal hingga akhir.
- Selanjutnya kunjungi situs http://htmlcompressor.com/compressor.html
- Dan Pastekan semua arahan tadi ke kotak yang ada disitus tersebut.
- Setelah itu click COMPRESS dan pilih CHANGE
- Terahir, Copy semua arahan 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 arahan </head>
- Dan tempatkan arahan 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 arahan <head>,
- Dan tempatkan arahan 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 semoga tidak melebihi halaman. Jika kita memakai ukuran gambar ekstra besar, biasanya gambar akan melewati batas halaman posting, dapat hingga terkena widget bab sidebar kanan, dan itu akan menciptakan loading blog lebih lambat. Berikut ini yaitu script arahan 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 arahan 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 menunjukkan tools untuk mengatur gambar ketika kita menulis artikel, tapi itu tidak cukup untuk mengatur gambar dengan lebar yang sangat besar. Setelah memasukan arahan 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.
Gambar disamping ialah teladan link label yang telah diberi title. Tulisan Tips dan Trik yang berwarna hitam dengan background putih itu akan keluar saat link label di sentuh oleh mouse. Untuk melihat teladan lainnya, coba anda arahkan mouse anda ke label/kategori yang ada di blog ini.