Sobat. Pada artikel sebelumnya sudah pernah saya sampaikan yakni cara jitu mempercepat loading sebuah blog. Namun tidak ada salahnya jika saya memberikan cara lain yang dapat Sobat lakukan guna mempercepat loading time blog. Berikut beberapa hal penting berupa tips dalam membuat blog menjadi cepat (fast loading). Artikel ini ane sadur dari master blogger Indo, hehe, yakni Blog CB.
Tools Pengukur Kecepatan Loading Website atau Blog
Dengan menggunakan tools di atas, sobat bisa memberikan penilaian dan perbaikan jika dirasa blognya masih kurang bertenaga. Karena tools tersebut sudah memberikan ulasan dan keterangan.
Tips Mempercepat Loading Time Blog
Jika memang rekan-rekan masih menggunakan background blog dengan gambar, image, atau foto, alangkah lebih baik jika diganti dengan kode warna atau kode CSS/HTML. Insyalloh waktu yang diperlukan blog untuk dibuka (loading time blog) akan menjadi lebih cepat dari sebelumnya”.
Kode CSS latar belakang blog biasanya, biasanya diawali dengan tulisan:
body {background, seperti di bawah ini:
body { background: #7AA1C3 url(http://xyz.com/bg-image.jpg);
Cara Mengubah Background Blog
Untuk mengubah latar belakang blog dari gambar menjadi kode CSS/HTML sangat mudah.
1. Template > Edit HTML
2. Temukan (Ctrl+F) kode body {background:# ….}
3. Ganti dengan kode berikut seperti ini:
body {background:#000;}
Catatan:
– Di belakang kode warna biasanya ada kode lain, seperti color:#444 dsb.
– Kode #000 adalah warna hitam. Silakan pilih warna lain di Kode Warna HTML (Camex).
Menggunakan Color Gradient
Kita juga bisa menggunakan warna gradient atau gradasi untuk background blog.
Jika rekan-rekan ingin menggunakan warna gradasi, tidak perlu susah-susah membuat sendiri kode warna gradient untuk background, karena sudah terdapat device atau tools yang bisa didilamnya sudah mencakup banyak sekali warna gradasi. Langkahnya sebagai berikut:
1. Buka Gradient Generator.
2. Pilih warna
3. Copy kodenya
4. Paste di kode body {
Sahabat, jika ingin menggunakan warna gradasi seperti punya master CB (diberikan secara gratis kepada rekan-rekan tentunya), ini saya haturkan kodenya:
background: -moz-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 38%, rgba(237,237,237,1) 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(38%, rgba(246,246,246,1)), color-stop(100%, rgba(237,237,237,1)));
background: -webkit-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 38%, rgba(237,237,237,1) 100%);
background: -o-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 38%, rgba(237,237,237,1) 100%);
background: -ms-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 38%, rgba(237,237,237,1) 100%);
background: linear-gradient(135deg, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 38%, rgba(237,237,237,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=’#ffffff’, endColorstr=’#ededed’, GradientType=1 );
Alasan Kenapa Blog Harus Fast Loading?
Dalam blog SL sudah sering sekali dibahas mengenai hal ini. Yang perlu diketahui, bahwa sesuai saran Google selaku mesin pencari terkenal dan banyak digunakan di seluruh dunia, bahwa kecepatan tampilan blog merupakan parameter penting yang sangat direkomendasikan oleh Google. Berdasarkan survei dan masukan dari Google, bahwa 75% pengunjung akan meninggalkan dan tidak akan membuka lagi blog yang tampil lambat, berat, lama, lemot, alis “lamberta” lambat nian sekali amat benar, hehe. Tentu, hal itu tidak mau terjadi pada blog Sobat kan?
Berikut saran Google yang merekomendasikan kecepatan blog (Fast Loading Time Blog) di bawah 4 detik atau maksimal 5-6 detik!
Many factors that slow down the loading time of a blog, especially the picture (image). Others such as flash, animation, javascript, including widgets hit counter, visitor statistics, alexa rank widget, etc..
Demikian beberapa tips yang dapat kita lakukan untuk mempercepat loading blog kita. Hal di atas merupakan SALAH satu cara saja. Untuk memperdalam lagi, silakan baca artikel Cara jitu mempercepat loading blog.
Ok. Semoga bemanfaat
informasinya sangat membantu sekali pak
ok. Semoga bermanfaat.
Sebagian besar pembahasan di blog lain hanya sebatas cara umum saja. Namun kali ini sampai pada struktur data template. Wah keren mas tipsnya. Makasih
Sangat membantu sekali mas. Kebanyakan ulasan dari web atau blog lain hanya sepintas tentang cara umum saja, tanpa detail ke struktur data template. Wah, keren. Makasih
matur suwun atas "kerawuhannya".
.