Kecepatan Blog & Menghemat Bandwidth
March 10, 2008 – 19:08 by Dani Iswara. Words count: 412.Last updated: Sunday, June 7, 2009 at 7:00.
Meningkatkan kecepatan blog tapi sekaligus menghemat jatah lebar pita (pita lebar; lebar jalur)/’bandwidth’ dan biaya koneksi/pulsa mungkin jadi harapan para pengguna. Terutama bagi fakir ‘bandwidth’ pengguna Internet berbasis volume/’volume-based’. Tulisan sejenis pasti sudah banyak yang memuat di Internet (termasuk tulisan saya di blog lama). Biarlah Google bicara..silakan melengkapi dengan trik favorit anda. Makin besar ukuran berkas data yang disajikan, makin besar biaya koneksi Internet berbasis volume & relatif makin lama waktu (‘loading time’) yang dibutuhkan untuk menampilkannya.
Menurut saya sebagai awam, secara umum, usaha penghematan jatah lebar pita & peningkatan kecepatan blog dapat dilakukan di sisi:
- peladen/’server’
- desain blog
- peramban & sistem operasi
- pengguna
Prinsipnya berupa upaya selektif/bijak terhadap Internet atau objek yang dibutuhkan & digunakan (dibaca, diunggah, ditampilkan, diunduh).
Peladen
Terutama bagi pengelola blog yang memiliki layanan ‘hosting’ berbayar.
- Lokasi peladen
Misal Amerika Serikat, Singapura, Indonesia. Sesuaikan dengan target pengunjung. - Peringkasan/kompresi (‘HTTP compression’)
Peringkasan di sisi peladen mungkin menimbulkan inkompatibilitas di sisi peramban/’browser’.
Desain Blog
Upaya penghematan di sisi desain blog berhubungan dengan objek yang benar-benar ingin ditampilkan. Tidak ada salahnya menampilkan pelbagai gambar & animasi.
- AJAX (Asynchronous JavaScript & XML)
Situs web berbasis AJAX hanya mengunduh/memperbarui bagian web yang perlu saja (misalnya pembaruan komentar baru tanpa harus mengunduh seluruh halaman). Tetapi membutuhkan waktu tertentu saat pertama kali mengunjunginya dan berukuran relatif besar. - Gambar
Baik berupa gambar latar, ikon, ‘banner’, animasi, ‘flash’. Disarankan menggunakan format jpg, gif, swf yang diringkas seperlunya. Ingat pula untuk menambahkan atributalt&widthpada gambar. - Efisiensi kode PHP, (X)HTML, CSS, Javascript (js)
Disebutkan bahwa jika penulisan kode di atas sudah sesuai standar web, maka relatif lebih mudah & cepat dibaca peramban. Terutama peramban yang menganut standar web. CSS alternatif pun hanya akan diunduh saat dibutuhkan. Peringkasan dapat dilakukan dengan menghapus kalimat deskriptif, komentar & spasi tertentu. Dapat juga dengan bantuan peringkas/kompresor daring (dalam jaringan; ‘online’). - ‘Plugin’
Gunakan ‘plugin’ yang memang dibutuhkan dan tidak memberatkan pengguna. - Aksesoris blog
Beberapa aksesoris blog mungkin melakukan pemanggilan/pemutakhiran data otomatis. Misalnya aksesoris Snap Preview, MyBlogLog, musik latar, Who’s online, dan Woopra. - Tombol ‘back’
Menghindari penggunaan jendela ‘pop-up’ & membuka tautan/pranala di jendela baru (‘open in new window’) untuk memuluskan ‘cache’ melalui tombol ‘back’. Misalnya terlihat dari penggunaan koderel="target_external"atauonclick="target_external". Sehingga halaman web yang sama tidak perlu diunduh ulang saat menekan tombol kembali ([alt] + [←]). - Jumlah tulisan di halaman awal
Jumlah tulisan yang muncul di halaman awal dapat diatur misalnya 1-3 tulisan atau disisipi dengan ‘read more’. Tapi bukan sekadar menyembunyikan ‘full text’ seperti pada Blogspot.
Bersambung…Kecepatan Blog & Menghemat Bandwidth – 2..
Dani Iswara, mail me: [myfirstnamelastname]@gmail.com or use contact form.
Comment by qimindra on March 10, 2008 at 22:55:49
using Mozilla Firefox 2.0.0.12 on Windows XP
Dok, mau konsul nich……
kenapa blog saya keluar pop up-nya……
salah pasang plug in atau apa ya…
BTK artikelnya banyak manfaatnya buat kita2 yang newbie.
Comment by cakmoki on March 11, 2008 at 11:06:19
using Flock 1.0.9 on Windows XP
hm, perlu diarsipkan dalam format pdf di halaman download nih
… atau sudah ya
Saya juga mo menghilangkan beberapa images, walaupun cuman 1-2 kb kayaknya mempengaruhi juga. Coba kalo sempet dibuatkan review tentang kecepatan loading blog ts nih Mas
Comment by Dani Iswara on March 11, 2008 at 15:58:02
using Mozilla Firefox 2.0.0.12 on GNU/Linux
qimindra:
kl di blogspot, biasanya yg pop-up itu jendela komentarnya blogspot atau haloscan..
kl gak salah bisa diatur di kontrol panel/dasbornya blogspot dan haloscan..
di haloscan jg bs edit css..
di sisi peramban (mis. Firefox–dan turunannya yg ber-gecko-engine-based, Opera, Konqueror, dll) jg bs diatur agar ‘new window’-nya terbuka di ‘new tab’ aja, atau spt model blok pop-up
sama2 newbie kok dok..
mohon koreksi kl salah ya..
cakmoki:
tiap halaman blog ini bs di-
ctrl+pcak (pake virtual pdf + css print; mis pdfcreator di windows, postscript kprinter atau cups-pdf di linux),mo pake script wp yg langsung generate pdf, gak bs ngatur validnya dan ukurannya agak gede..
kita2 yg di sisi peramban aja deh yg ngalah cak, disable image, flash dan script (salahnya kita yg fakir cak ya..)
Comment by Pinto Sjafri on March 12, 2008 at 00:12:58
using Mozilla Firefox 2.0.0.12 on Windows Vista
hehehe yup tapi ada aja yg suka pakai lagi di blognya ^_^ walau sudah di compress lagunya jadi mono dan bitrate direndahkan, sehingga hanya 500 kb perlagu. tetep aja seminggu penggunaan datanya sekitar 3 GB (pengunaan bandwidth server).
Hi yaa bro, ganti link ngga bilang bilang heheh, gue pikir link blogspot ternyata udah pindah, maaf udah lama ngga maen maen ke blog loe, sekarang sudah di update blog roll nya.
Comment by dani on March 12, 2008 at 16:51:19
using Flock 1.1 on GNU/Linux
Pinto Sjafri:
sori bos, ketangkep si memet..ntah knapa..
kl bs si lagunya jgn autoplay, jd lelet kan nunggunya..kaget jg ternyata ada yg nyanyi..kirain pengamen depan kos..
makasi tautnya..gak diganti jg gpp kok..gitu aja kok repot
Comment by aidhe on June 16, 2008 at 09:41:45
using Internet Explorer 7.0 on Windows XP
gw punya blog di blogspot,gimana caranya buat “Read More” pernah tak coba pdhl cuma copy paste aja kan? mohon pencerahannya hehhehhehh
Comment by dani on June 16, 2008 at 11:20:19
using Mozilla Firefox 2.0.0.14 on GNU/Linux
- adhie:
saya jg dl nyobanya di templat klasik..bukan yg xml-based..prinsipnya sama..bs pake peek-a-boo yg javascript-based model ato model excerpt dgn bantuan css (yg cara terakhir kayaknya pernah saya tulis di daniweblog.blogspot.com)..yg mana blogspotnya adhie..
Comment by sapimoto on August 8, 2008 at 15:40:18
using Mozilla Firefox 2.0.0.16 on Windows XP
Terimakasih, akan dilacak kembali, apa yang membuat loading lambat…
Comment by dani on August 8, 2008 at 18:43:01
using Mozilla Firefox 3.0.1 on Gentoo Linux
- sapimoto:
yak.. biar sama2 enak
Comment by HidupTreda on February 23, 2009 at 21:03:02
using Mozilla Firefox 3.0.6 on Windows Vista
hmmm… susahnya jadi desainer web…
harus memperhitungakan ini itu?!
Comment by Dani Iswara on February 23, 2009 at 22:15:19
using Mozilla Firefox 3.0.6 on Gentoo Linux
Hidup Treda,
sudah lah mas treda..jgn dibuat terlalu ribet..
salahnya situ milih nekuni desainer web
Comment by rismaka on June 7, 2009 at 19:40:36
using Mozilla Firefox 3.0.10 on Windows XP
Terima kasih dok, bisa jadi referensi buat ulasan saya mendatang.
BTW saya lihat postingan ini dituis bulan maret 2008. Wah, saat itu saya belum ngerti apa itu blog (saya mulai ngeblog di awal juli 2008) hehehe….
Comment by Dani Iswara on June 7, 2009 at 20:13:10
using Mozilla Firefox 3.0.10 on Gentoo Linux
sudahlah ngga usah merendah..
beberapa isi tulisan lama ada yang sempat saya edit, termasuk tulisan ini. silakan dilengkapi dan diperbaiki lagi sesuai pengalaman Mas Adi. nanti saya numpang baca ya.. 