Alasan Saya Mencopot Tabs Menu pada Sidebar

pada 1 June 2010 → 558 views

webhosting Indonesia

Mulai hari ini (Selasa, 1 Juni 2010) saya memutuskan untuk mencopot efek tabs view pada sidebar. Sebenarnya keputusan yang agak berat sih, mengingat ada beberapa manfaat penggunaan tabs yang cukup membantu. Di antaranya menghemat space/ruang di sidebar, menggabungkan beberapa menu/navigasi menjadi satu kolom, dan mempercantik tampilan sidebar.
Jika ada yang belum familiar dengan tabs menu pada sidebar, screenshot berikut ini mungkin bisa memberi Anda gambaran.

tabs-sidebar

(diambil dari blog ddery.com)

Lalu, apa alasan saya mencopot tabs view menu?

Membuat loading agak berat. Ini efek penggunaan javascript dengan pemanggilan JQuery. Kode fungsi pemanggilnya sendiri harus disisipkan pada header.php Saya amati, ketika loading halaman belum tuntas, tampilan menu tabs-view ini jadi memanjang. Terlihat tidak seperti menggunakan efek tabs. Ini terlihat kurang rapi jadinya. Untuk pengunjung yang mengakses lewat koneksi kencang (via warnet atau koneksi kabel) sih tidak masalah sepertinya.

Namun ketika menggunakan koneksi via modem 3G/HSUPA/HSDPA, tampilan tabs sidebar saat loading malah jadi memanjang dan membuat berat.

Solusi penempatan kode pemanggil pada footer.php malah membuat fungsi tabs tidak mau muncul pada sidebar. Saya sudah mencobanya. Oleh sebab itulah, kode pemanggilnya harus disisipkan pada header (selain pada sidebar.php).

Kembali ke tampilan klasik

Mau tak mau akhirnya harus kembali ke tampilan sebelumnya. Seperti yang Anda lihat sekarang ini. Bedanya, saya menambahkan menu random post. Dengan harapan, rekan-rekan yang berkunjung bisa lebih mudah dan cepat menemukan artikel yang sekiranya mereka butuhkan/cari. Selain itu, jumlah komentar terakhir sengaja saya pangkas menjadi 5 (dari 10 sebelumnya). Alasan saya? Demi penghematan space dan juga meringankan waktu muat halaman (page loading time).

Semoga dengan settingan dan tampilan baru ini bisa sedikit meringankan akses halaman blog ini. Oya, ada yang tahu teknik coding tabs-sidebar yang kira-kira tidak memberatkan loading? Atau mungkin ada juga yang tahu bagaimana agar tampilan tabs saat loading tidak memanjang?

Menu Lainnya »» Atas » Depan » Arsip » Kontak » Bawah

facebookAdd KafeGue di Facebook twitterFollow KafeGue di Twitter

Tautan Cepat »» Beri Komentar | Baca Ulang Posting
Baca Komentar | Menuju Posting Terbaru

Posting Terkait :

Di bawah kategori: seputar blogging.
Ditag dengan: , , .

icon emailLangganan KafeGue.com via Email
icon feedburnerLangganan via RSS Reader

Maaf, karena alasan tertentu, kotak komentar ditutup!

  1. ihosting murah indonesia indositehost.com
    Firefox 3.6.3 | Windows XP
    21/06/2010 at 22:12:15

    betul banget tu mas….

  2. Annaura
    Firefox 3.6.3 | Windows XP
    13/06/2010 at 16:33:46

    Blog saya belum saya test kak,apakah loadingnya berat atau biasa.
    Terima kasih atas infonya kak.
    Salam manis dari BlogCamp

  3. Agung Prasetyo
    Firefox 3.6.3 | Windows XP
    04/06/2010 at 21:05:55

    Tampilan sederhana ini saya suka mas Is.

  4. dani
    Namoroka 3.6.3 | Arch Linux
    04/06/2010 at 09:28:53

    Ya, seperti yang Mas Ardian katakan. Efek tab menu bia memakai CSS. Coba Googling saja [seperti biasa]. :D

  5. Dapur Hosting Hemat
    Firefox 3.0.1 | Windows XP
    04/06/2010 at 09:28:44

    sepanjang pengalaman saia mampir disini, loadingnya masih “ramah” kok mas :)

  6. dental teeth whitening
    Firefox 3.6.3 | Windows XP
    03/06/2010 at 17:09:02

    This is a really cool menu system for a blog! I do not have any design work going on but I will bookmark this for future reference.

    iskandaria
    Firefox 3.6.3 | Windows XP
    03/06/2010 at 20:56:01

    @dental teeth whitening, :gila:

  7. achmad sholeh
    Firefox 3.6.3 | Windows XP
    03/06/2010 at 16:42:58

    loading yang berat memang sangat berpengaruh terhadap kunjungan terutama bagi pemilik koneksi yang pas2san
    .-= achmad sholeh barusan nulis Posting Ke 200 =-.

  8. Dunia Komputer
    Firefox 3.6.3 | Windows 7
    03/06/2010 at 12:45:12

    Sebetulnya saya cukup tertarik untuk memasang tab view. Tapi karena cukup memberatkan loading blog seperti yang Mas katakan. Sepertinya saya urungkan saja niat itu. Makasi infonya mas.

  9. delia
    Google Chrome 5.0.375.55 | Windows XP
    02/06/2010 at 18:25:44

    Masalah loading itu penting ya mas..
    karena gara2 nunggu loading akhirnya di close.. :D

    Lia gak ngerti apa2 mas untuk pertanyaannya… :P
    .-= delia barusan nulis Makna Gaya Puma =-.

    iskandaria
    Firefox 3.6.3 | Windows XP
    02/06/2010 at 21:44:54

    @delia, penting banget buat saya mbak. Itu poin pertama agar blog kita tidak bikin kesel pengunjung :)

  10. dery
    Firefox 3.6.3 | Windows XP
    02/06/2010 at 17:09:14

    sebenarnya saya juga gak suka dengan fitur tab seperti itu..
    hanya saja, waktu dulu saya belum tahu apa-apa,,
    Terima kasih sudah diingatkan, akan saya hapus fitur tersebut..
    .-= dery barusan nulis Memberi Efek Transparan pada Gambar dengan CSS =-.

    iskandaria
    Firefox 3.6.3 | Windows XP
    02/06/2010 at 21:43:35

    @dery, waduh mas. Tabs yang ada si sidebar blog mas Dery nggak perlu dihapus menurut saya. Tidak bikin berat kok. Ternyata agak beda codingnya dengan tabs blog saya ini. Punya mas Dery lebih ringan. Tidak ada efek memanjang saat loading belum tuntas.

    Jadi nggak usah dihapus mas. Biarin aja. Malah lebih bagus kalo pake tabs tuh. Oya, maaf ya tabs blog mas dery saya ambil sebagai contoh. Sebenarnya saya ingin ambil contoh dari blog ini, tapi udah keburu saya hapus sebelum posting artikel ini :)

    dery
    Firefox 3.6.3 | Windows XP
    03/06/2010 at 16:57:21

    @iskandaria, sebenarnya, jika koneksi berhenti waktu membuka blog saya, fitur tab tersebut akan memanjang seperti yang dikatakan diatas..
    Dan fitur tersebut juga menggunakan javascript dan jquery,, walaupun sizenya kecil, tapi, gak enak dilihat oleh koneksi yang pas-pasan..

    Untuk gambar fitur tab diatas, dijadikan contoh aja juga gpp, sekalian promosi.. :D
    .-= dery barusan nulis Memberi Efek Transparan pada Gambar dengan CSS =-.

    iskandaria
    Firefox 3.6.3 | Windows XP
    03/06/2010 at 20:54:51

    @dery, :thanks2

    Aldy
    Firefox 3.5.1 | Windows Vista
    03/06/2010 at 23:06:20

    @dery, Jika punya koneksi bagus nggak masalah kok, kan srciptnya bisa diletakkan difooter, tapi kalau koneksi emput-emputan seperti saya punya, jelas dunk saya dukung keputusannya mas Iskandar. :thanks2

    iskandaria
    Firefox 3.6.3 | Windows XP
    03/06/2010 at 23:48:53

    @Aldy, kalo ditaruh di footer malah bikin efek tabs-nya gak mau muncul mas :) Sudah pernah saya coba. Jadi sepertinya memang harus ditaruh di header.

  11. camera
    Firefox 3.6.3 | Windows 7
    02/06/2010 at 16:08:50

    saya ikut mendukung aja…
    .-= camera barusan nulis UNDERWATER DIGITAL CAMERA =-.

  12. ardianzzz
    Firefox 3.6.3 | Windows XP
    02/06/2010 at 13:47:54

    Mungkin bisa diakali tanpa menggunakan jQuery. Kalau tidak salah saya pernah membaca ada tab menu tanpa animasi (hanya dengan CSS)akordion juga ada. Tetapi saya lupa alamat sumbernya. Maaf.
    .-= ardianzzz barusan nulis Berifikir Positif =-.

    iskandaria
    Firefox 3.6.3 | Windows XP
    02/06/2010 at 14:15:57

    @ardianzzz, sepertinya masalah memang terletak pada jQuery mas. Buktinya blog yang saya capture tabs-nya di atas nggak berat tuh tampilan tabs-nya saat loading. Ntar mau saya tanya pada yang punya blog. Makasih buat opininya mas.

    Aldy
    Firefox 3.5.1 | Windows Vista
    03/06/2010 at 23:04:13

    @iskandaria, Mas Ardian sudah pindah ke textpattern jadi lupa tuh ama jQuery :lol:
    Mungkin Ganda bisa bantu mas Is, kalau saya sih buta dan gagu masalah jQuery dan sanak saudaranya.

  13. yanti
    Firefox 3.6.3 | Windows Vista
    02/06/2010 at 13:39:10

    Saya lebih suka tampilan sederhana dengan isi tulisan yang bermanfaat. Blognya keren dan isinya juga bagus, sukses terus.
    .-= yanti barusan nulis Terima kasih ibu dokter yang cantik =-.

    iskandaria
    Firefox 3.6.3 | Windows XP
    02/06/2010 at 21:46:33

    @yanti, makasih ya Bu. Semoga blog Ibu Yanti juga makin sukses deh.

  14. imadewira
    Firefox 3.6.3 | Windows XP
    02/06/2010 at 13:23:53

    saya memang belum pernah mencoba sebelumnya, tapi pemikiran saya yang lebih simple lebih disukai pembaca :-)
    .-= imadewira barusan nulis Nothing Special, Just Another Busy Monday =-.

  15. budiastawa
    Firefox 3.6.3 | Windows 7
    02/06/2010 at 06:43:41

    Mas, Is. Akhirnya back to basic ya? :) Kalau selama ini sih saya loading halaman KafeGue.com ga masalah tuh. Malah dengan adanya tabs itu, blog ini jadi lebih ramping.

    Tapi kalau memang alasan mas Is supaya loading lebih cepat, ya keputusan ini sangatlah tepat. Semangat terus, mas Is.
    .-= budiastawa barusan nulis Ayo Bermain Pacman Google Doodle! =-.

    iskandaria
    Firefox 3.6.3 | Windows XP
    02/06/2010 at 21:49:46

    @budiastawa, mungkin karena koneksi bli Budi kencang banget, sehingga efek tabs-view jadi kurang terasa pada loading time blog ini. Nah, saya sendiri menggunakan koneksi via modem 3G. Saat loading belum tuntas, saya merasa efek tabs menu terlihat memberatkan dan jadi memanjang. Keputusan ini untuk merangkul pengunjung yang menggunakan koneksi nirkabel saja sih :)

  16. Erdien
    Opera 9.52 | Windows XP
    02/06/2010 at 05:36:39

    Oh gitu? Efeknya jadi berat loading ya? Tadinya saya mo minta tolong Mas Is untuk bikin sidebar pake tab itu. Kalo gitu nggak jadi deh. :)
    Makasih Mas :thanks2

    iskandaria
    Firefox 3.6.3 | Windows XP
    02/06/2010 at 21:50:55

    @Erdien, :ngakak

  17. Ahmad IM-bisnis
    Firefox 3.5.9 | Windows XP
    01/06/2010 at 23:22:53

    ijin menyimak mas
    thx sharingnya, mungkin akan saya terapkan di blog saya juga
    .-= Ahmad IM-bisnis barusan nulis PutraHosting.com Dapur Hosting Hemat =-.

    iskandaria
    Firefox 3.6.3 | Windows XP
    02/06/2010 at 21:52:44

    @Ahmad IM-bisnis, maksudnya menerapkan tabs menunya ya mas? Lah, saya malah mencopotnya tuh :)

Blogroll :