Home » , » Cara Mempercepat Loading Blog (Fast Loading Time Blog)

Cara Mempercepat Loading Blog (Fast Loading Time Blog)

kecepatan loading blog
SALAH satu cara mempercepat loading time blog adalah dengan tidak menggunakan image background blog dengan gambar, image, atau foto. Semakin cepat & ringan tampilan blog saat dibuka pengunjung, maka akan semakin dimitani (user friendly) dan disukai oleh mesin pencari (search engine).
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.
Gambar latar belakang biasanya berulang secara horizontal atau vertikal. Menurut MBT Sekitar 50% penyebab blog tampil lambat Salah satu penyebab sebuah blog teramat lelet (lemot) adalah karena gambar latar (image background). Selain daripada itu, GT Metrix juga memberikan masukan dan catatan khusus soal gambar latar blog ini.

Tools Pengukur Kecepatan Loading Website atau Blog

Berikut ini beberapa tools yang bisa digunakan untuk mengukur seberapa cepat loading blog Sobat:
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:
body {background: rgba(255,255,255,1);
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.
Good Luck! (http://sahilluqman.blogspot.com).*

9 komentar:

  1. 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

    ReplyDelete
  2. Sebagian besar pembahasan di blog lain hanya sebatas cara umum saja. Namun kali ini sampai pada struktur data template. Wah keren mas tipsnya. Makasih

    ReplyDelete
  3. informasinya sangat membantu sekali pak

    ReplyDelete
  4. This comment has been removed by a blog administrator.

    ReplyDelete
  5. This comment has been removed by a blog administrator.

    ReplyDelete

Disarankan berkomentar menggunakan Open ID. Komentar SPAM dan SPAMMY (menyertakan link hidup, jualan produk obat; nama blog) otomatis tidak akan muncul. Hindari pertanyaan OOT (Out off topics). Sebelum bertanya, Cari Dulu di Kotak Pencarian! Salam Hangat


From RP 1.999.000 RP 1.599.000 -20%
kembali ke atas