Biyan Networks: Tips Mempercepat Loading Blog

Biyan Networks: Tips Mempercepat Loading Blog
Ada yang bilang kalau loading blog/web yang cepat sangat disukai oleh Search Engine. gak tau deh ini benar atau tidak. Saya hanya fokus pada kebutuhan visitor akan informasi yang cepat. Tidak mungkin kan visitor masuk ke blog anda hanya untuk melihat blog yang belum terload! Bisa bisa blog anda ditinggalkan. Perlu diketahui bahwa yang saya berikan hanya tips saja. Semuanya kembali ke anda dan metode posting yang digunakan. Artikel ini juga difokuskan pada fungsi dibandingkan tampilan. Kita tidak sedang fokus ke tampilan yang indah tetapi lelet.

Trick 0.1 | No Widget No Problem
Pasanglah widget/gadget yang memang dibutuhkan oleh anda dan penting buat visitor. Percuma memasang banyak widget tetapi tidak pernah digunakan oleh visitor. Berikut adalah daftar widget yangharus boleh tidak anda pasang.

• Jam atau apalah yang sedarah.
• Tanggal | what? visitor tidak datang untuk melihat tanggal.
• Guess Book | ini hanya saran.
• Hit Counter | kalaupun harus, pilih yang non images atau servernya memangcepat.
• Adsense | Usahakan jangan menghamburkannya. tata dengan rapi.
• Pop Up, Auto Click, etc | Sucks...i'm serious that sucks dude.
• etc :)

Minimalkan menggunakan widget dari third party meskipun ada juga yang lebih cepat dibandingkan widget bawaan blogspot. Sebut saja form Search. Dibandingkan dengan memasang form search dari blogspot, saya lebih memilih memasang scriptnya.

Trick 0.2 | Maximized your images

• Gunakan slash ( / ) pada akhir setiap link.
• Deskripsikan Height dan Wight
• Pakai extensi yang benar | berikan kesempatan pada PNG untuk beraksi.
  
• Compress | ada kuk tools yang mampu mengkompres size tanpa mengurangi banyak kualitas.

Trick 0.3 | Move to CSS

• Minimalkan penggunaanya. Hapus saja yang tidak perlu.
• Letakkan stylesheet diatas dan Script (javascript, library atau saudaranya) dibawah
• Minimalkan peletakan stylesheet sebagai widget.
• Minimalkan Error report saat pengecekan Markup Validation XHTML (disarankan Valid).
• Jangan menggunakan terlalu banyak dash ( - )
  Not recomended:
  
  

  /* --------- Header Wrapper --------*/

  
  Beautiful:
  
  
  

  /* Header Wrapper */

• Dibandingkan images sebagai effect, lebih baik CSS | misalnya rounded courner, text shadow dll.
• Compress | cari di Google tools css-compression.

Trick 0.4 | Final | hanya tambahan

• Lakukan pemanggilan terhadap variabel ( $ ). Percuma memasang variabel tetapi tidak menggunakannya.
  Nude:
  
  

  background: #cccccc;

  
  Beautiful:
  
  
  

  background: $bgcolor;

  
  Lihat pengaturan variabel ditemplates anda. Masing masing templates menggunakan ID dan Value variable yang berbeda.
• Minimalkan penggunaan script seperti jquery, mootools, ajax dsb.
• Usahakan yang diload pertama kali adalah bagian content, bukan sidebar.
• Berikan background dengan warna kontras. Misalkan huruf berwarna putih background sebaiknya hitam. Walaupun background dinyatakan dengan images, tetapi gunakan warna Hex didepannya.
  
  

  Ex: background: #fff url(images.gif) no-repeat;

Mungkin untuk sementara hanya itu saja, kalau ada yang mau menambahkan silahkan...