13 Tips Terampuh untuk Meringankan Loading Blog
Mau loading blog Anda jadi super ringan? Dengan menerapkan 13 tips berikut ini, dijamin 200% loading blog anda akan menjadi sangat enteng. Silakan simak satu per satu.
13 Tips Super Ampuh untuk Meringankan Loading Blog :
- Jangan aktifkan fitur gravatar pada area komentar.
- Jangan gunakan gambar sebagai penghias posting (termasuk screenshot).
- Jangan pasang iklan banner maupun iklan teks sedikit pun.
- Jangan install plugin comluv dan plugin WP Thread Comment.
- Jangan pasang recent post, recent comments, related post, random post, maupun popular post.
- Jangan gunakan logo (image) pada header. Cukup teks biasa.
- Jangan pasang menu blogroll (link sahabat).
- Jangan pasang widget apa pun pada sidebar.
- Jangan pasang menu top komentator.
- Jangan install/jangan aktifkan emoticons pada area posting maupun komentar.
- Compress CSS dengan opsi super compact via CSS Drive.
- Gunakan kode warna HTML sebagai background ketimbang image.
- Gunakan theme satu kolom.
Sebagai penutup, saya ingin bertanya. Setujukah Anda jika dianggap bahwa antara kecepatan loading dan tampilan yang menarik sulit berjalan beriringan?
BLOG RINGAN = TAMPILAN HAMBAR ???
BLOG RINGAN = MISKIN FITUR ???
Menu Lainnya »» Atas » Depan » Arsip » Kontak » Bawah
Add KafeGue di Facebook 
Follow KafeGue di Twitter
Tautan Cepat »» Beri Komentar | Baca Ulang Posting
Baca Komentar | Menuju Posting Terbaru
Posting Terkait :
- 5 Kemampuan Teknis yang Perlu Dikuasai dalam Membuat Screenshot
- 4 Macam Cara Promosi Bisnis Online yang Tak Layak Anda Tiru
- Cara Mengecek Pagerank Halaman Posting atau Single Post
- Ah, Bisanya Cuma Menyindir, Giliran Diajak Diskusi Ternyata Payah
- Mengapa Loading Blog ini Bisa Super Enteng dan Kencang? Jawabannya…
Opera 10.51 | Windows XP
wahh saya masih baru di dunia blog mas.. blm bisa koment :D
saya ijin tukeran link boleh mas? saya sudah pasang di sidebar saya..
terima kasih dan salam kenal
Google Chrome 5.0.375.70 | GNU/Linux
@Kampus Blog, silakan saja kalau mau memasang link blog ini. Tapi saya masih butuh waktu untuk menerima ajakan bertukar link. Sabar saja ya.
Opera 10.51 | Windows XP
:ngakak dulu mas…
kalau semua itu dijalankan ya saran saya mending gak usah ngeblog aja :D
menurut saya bisa sih berjalan seiringan antara kecepan dan tampilan design.. cuma mgkn kita perlu optimasi dan memilah milah mana banner atau widget yg harus dipasang :D
Firefox 3.6 | Windows XP
ya kalau gitu gak usah ngeblog aja
Firefox 3.6.3 | Windows XP
nice info mass…
thx kyu yaaa.. :)
Google Chrome 5.0.375.70 | Windows XP
Saya terapkan teori ini di Blogspot :)
Google Chrome 6.0.408.1 | Windows XP
@ardianzzz’ blog, langsung ke TKP deh :ngacir2
Firefox 3.6.2 | Windows 7
Kalau saya sih lebih suka yang sedang-sedang saja. Cepat diakses memang jadi dambaan semua orang tapi kalau harus ngorbanin tampilan juga agak-agak gimana gitu. Padahal kan mata ini senang dengan keindahan. Yang penting gak ekstrimlah. Ukuran ideal saya, dalam 3 helaan nafas itu content harus sudah nongol saat dipanggil.
Yang lebih penting lagi hosting providernya harus handal. Dulu, ketika saya ada di negeri seberang seringkali coba akses sebuah web Islam. Contentnya bagus banget dan trafficnya tinggi. Cuma sayang buka halamannya lama banget. Tapi ketika balik ke Indonesia kecepatannya ideal. Seharusnya pertimbangan target pembaca tidak cukup hanya Indonesia saja karena orang Indonesia ada di mana-mana. Jadi kelihatannya ada masalah dengan pilihan hosting providernya.
Untuk urusan gambar saya kira bisa dikompres tanpa harus kehilangan kualitas gambar secara radikal. Kadang dengan format GIF bagus, tapi kadang rusak juga .. dan terpaksa pakai JPG. Yang mana saja, yang penting usahakan jangan melebihi 50 kb per gambar. Kalau mau gambarnya dipotong-potong seperti pixel dalam ukuran besar ;).
Dan tentu saja perhatikan juga penggunaan scripts yang ada di dalam halaman tersebut. Terutama yang berhubungan dengan 3rd parties.
Anyway, thanks banget atas sharingnya. Sangat bermanfaat!.
Firefox 3.6.3 | Ubuntu 10.04
@WP Landing Page Templates, komentar anda sangat pas mas/mbak. Terima kasih banyak telah menambahkan.
Firefox 3.6.3 | Windows XP
ini ni yang serly cari2
Firefox 3.6.3 | Windows XP
wah hambar dunk mas, masak engga pake semuanya :D mending pake theme yang ringan2 aja dan ga rame isinya
Firefox 3.6.3 | Windows XP
HTTP transactions that will slow down your site. So be sure to apply some optimizations to the site before it goes to production.
Safari 5.0 | Windows XP
Sebenarnya kalau mau lebih extrim lagi, jangan gunakan CSS apapun. :) Lagipula, kan sudah ada browser yang menyediakan fitur user defined style :)
Firefox 3.5 | Windows XP
@ganda, setuju banget mas :D
Safari 5.0 | Windows XP
@iskandaria, Hehehe.. ternyata ada juga orang yang mau setuju dengan saya, hidup tanpa CSS. :D Hehehe.. :D
Firefox 3.6.3 | Windows XP
harus mau 50-50 … blog nya ga cepet2 amat, juga ga miskin fitur dan ga hambar .. :) :shakehand2
Firefox 3.5 | Windows XP
@afwan auliyar, tos dulu deh kalo gitu :thanks2
Firefox 3.6.3 | Windows XP
Using trims or other string modifiers will greatly slow down your queries. The server will have to do this on each row. Pretty logical when you think about it. Any time you are modifying a string or other variable type within a query you are adding a great deal of overhead.
Firefox 3.5 | Windows XP
halo bos salam kenal…
ane ngakak waktu baca post ini, coz hampir semua tips diatas ane dobrak :alay
jujur ane paling demen dengan blog yg rame gambarx..
btw ada saran ga biar blog tetep rame n loading cepet pula
(salam dari blogger nubie yang banyak nuntut ^_^)
Firefox 3.5.7 | Windows XP
@mr.bedel, sarannya sih coba praktekin poin 11 dan 12. Sebenarnya ada lagi sih tipsnya, tapi sangat teknis dan harus berhubungan dengan kode-kode mas. Kalo buta soal coding, rasanya bakalan puyeng deh ^_^
Flock 2.5.6 | Windows XP
menurut saya kecepatan loading adalah nomor wahid alias harus benar2 diperhatikan oleh para blogger karena sebelum mereka membaca postingan atau apapun yang anda sediakan didalam blog anda, mereka tentu akan memperhatikan apakah blog anda mudah dakses atau tidak,,,,terima kasih atas postingannya mas sangat bermanfaat :)
btw, gimana dengan poin yang ke-12 bagaimana aplikasi secara deetailnya mas iskandaria??? mohon pencerahannya :)
Google Chrome 6.0.408.1 | Windows XP
Kesimpulan yang mantabs mas. Mengenai detail poin 12, rada teknis sih. Harus paham dikit kode CSS. Konkretnya seperti ini kodenya :
body {background-color:#4b6e85}Kode di atas artinya latar theme diberi warna biru kayak latar blog ini yang kode warna HTML-nya #4b6e85.
Kalau latar berupa image, biasanya kodenya seperti ini :
body {background-image:url(http//bla-bla-bla)}Arti kodenya, latar theme berupa image yang dipanggil dari url http/bla-bla-bla
Semoga jelas ya mas.
Flock 2.5.6 | Windows XP
@iskandaria, terima kasih atas bantuannya mas, sudah saya praktikkan dan hasilnya luar biasa, loading blog saya setelah diestimasi, sekitar 24% lebih cepat dari sebelumnya :)
salam sukses 1%
Google Chrome 6.0.408.1 | Windows XP
wah, salut dan saya ikutan senang ya mas kalau gitu.
Flock 2.5.6 | Windows XP
@iskandaria, sama2 mas iskandaria saya sangat senang bisa menemukan blog ini :)
Google Chrome 6.0.408.1 | Windows XP
:malu
Firefox 3.6.3 | Windows XP
waduh, tipsnya ekstrim banget tuh…
menurut saya kecepatan loading blog/website itu sih relatif ya, begitu juga dengan tampilan yang bagus bagi setiap orang itu berbeda-beda.
Firefox 3.6.3 | Windows 7
Saya tidak begitu ambil pusing dengan lama loading blog. Selama saya bisa mengaksesnya, cukup bagus buat saya. Saya tidak mau memikirkan para pengguna dial-up.
Kalau situs grafis sulit sih pak, lebih baik fokus ke tampilan.
Firefox 3.5 | Windows XP
@Jeprie, setuju mas. Memang relatif sih. Lagipula, koneksi internet sekarang ini sudah makin kencang kok. Yang menggunakan modem 3G pun sudah lumayan speednya. Seperti yang saya gunakan sekarang. Tidak ada masalah berarti untuk meloading blog yang memuat banyak gambar kayak blog mas Jeprie.
Firefox 3.6.3 | Windows XP
Blog saya banyak bannernya kak, maklum masih senang-senangnya pasang banner walau bukan iklan.
Nanti akan saya coba kurangi bannernya
Kalau sepi memang ya agak kurang sedep Kang.
Salam manis dari Batam
Google Chrome 6.0.408.1 | Windows XP
@Annaura, jumlah bannernya sudah pas takarannya saya lihat mbak. Yang penting proporsional saja deh dengan menu/konten lainnya.
Salam manis kembali.
Firefox 3.6.3 | Ubuntu 10.04
sebagian sudah saya coba mas
beberapa saat yang lalu
ringan sih tapi memang tampilan jadi agak kurang menarik ;)
Firefox 3.5 | Windows XP
@Iwan Kus, hehe. Itulah resikonya mas kalo mau mengutamakan kecepatan loading. Aspek lain jadi agak terkorbankan. Kalau begitu, kita pilih jalan tengah saja deh. Toh menurut saya, kecepatan masih bisa bergandengan dengan tampilan yang menarik.
WordPress 2.9.2
[...] tampilan area komentarnya, silakan Anda baca-baca deretan komentar pada posting sebelumnya tentang meringankan loading blog. Dan untuk melihat tampilan tanpa “gangguan” reply dari saya, silakan simak deretan [...]
UC Browser r7.0.0.41 | Nokia Series60
Kalo tampilan trlalu simple, kadang ga puas jg… Gmana tu… random bgt dh… :|
Firefox 3.5 | Windows XP
@Febriyanto, ambil jalan tengah aja kalo gitu mas. Gak perlu terlalu ekstrim kan?
Firefox 3.6.3 | Windows XP
Saya tidak setuju banget dah mas… tujuan dari ngeblog kan “BERBAGI”. nah kalo tidak ada widget2 yang mas sebuti gimana berbaginya nanti.. bener tuh katanya mas Erdien, Sekalian aja g usah ada posting dan g usah bikin blog sekalian dari pada loading cueeepeeet tapi segi berbaginya minim banget..
Tapi cukup bagus dah ide tulisan mas Is.. saya justru menggunkan semua yang tulis itu..ha..ha.. [pantesan loadingnya lumayan lemot yach]..
Koreksi donk mas blog saya. gimana baiknya.. saya mau belajar ne tentang settingan yang bagus untuk blog saya..
Firefox 3.5 | Windows XP
@ISMAIL, hehehe. Saya setuju dengan pendapat mas Ismail soal berbagi itu. Kadang si pemilik blog terlalu mementingkan kecepatan dan tampilan minimalis, tapi kurang memperhatikan kemudahan pengunjung blognya untuk menemukan daftar posting yang sekiranya dibutuhkan.
Blog mas Ismail kalau saya amati agak berat loading sidebarnya. Sepertinya karena keberadaan banner dan iklan teks. Masukan saya, coba naikkan sedikit posisi menu recent post, biar tidak tenggelam oleh iklan. Bagaimana pun juga, pengunjung datang ke blog mas Ismail bukan untuk mencari iklan, tapi konten/postingnya. Jadi, penuhi dulu kebutuhan dasar pengunjung. Lebih bagus lagi jika mas Ismail pasang menu Random Post – sehingga lebih banyak referensi artikel bagi pengunjung yang siap untuk diklik.
Masukan saya lainnya, coba kurangi link-building yang berlebihan di dalam setiap posting mas Ismail. Tidak perlu menyisipkan link yang sama lebih dari satu kali dan bahkan pada anchor text yang sama. Mubazir menurut saya. Itu juga bisa mengelabui pengunjung yang kurang jeli. Yaitu mereka yang tidak terbiasa melihat status bar saat menyorot link.
Masukan lainnya lagi, untuk perataan paragraf, menurut saya lebih baik menggunakan align-left ketimbang justify. Ini agar jarak antar kata dalam satu paragraf menjadi sama dan tidak ada rongga yang menggangu tampilan. Ini ada hubungannya dengan tingkat keterbacaan artikel lho mas.
Satu lagi, mungkin sekali-kali perlu bikin model artikel yang berisi penjabaran lewat numbering atau bullet, biar lebih mudah dicerna pembaca. Kadang pembaca agak bosan dengan model artikel yang cuma berupa kumpulan paragraf.
Itu saja masukan saya mas.
Firefox 3.6.3 | Windows XP
@iskandaria, Boleh mas, terima kasih atas masukannya yang menurut saya sangat amat berharga.
Insya Allah pasti saya laksanakan masukan mas Is karena dalam masalah ini saya percaya dengan mas Is. Sedikit pertanyaan mas,Bagaimana cara memasang “Random Post”??
Firefox 3.5 | Windows XP
@ismail, kalo Random Post blog saya ini menggunakan plugin Random Pages Widget mas. Cara pasangnya, coba login dulu ke dahsboard akun WP mas Ismail. Klik sub menu Add New pada menu Plugin. Lalu pada kolom search, ketikkan Random Pages Widget. Setelah hasil pencarian muncul, coba klik INSTALL pada nama widget nomor 2 (yang buatan John 0001). Lalu tinggal lanjutkan proses berikutnya. Jangan lupa klik activate jika belum otomatis aktif setelah diinstall. Selesai.
Kalau mau disetting, klik aja link/nama widget random post itu pada sidebar dashboard. Silakan setting keterangan apa saja yang ingin atau tidak ingin ditampilkan pada menu daftar posting acaknya.
Semoga jelas ya mas :)
Firefox 3.6.3 | Windows XP
@iskandaria, Alhamdulillah akhirnya saya punya random posting. makasih mas bantuannya..
semoga sukses
Firefox 3.6.3 | Windows XP
@iskandaria, Maaf mas ada yang ketinggalan, masalah menggunakan align-left atau justify ternyata setelah saya periksa itu memang settingan themanya mas, sebenarnya ketika posting juga saya atur justify tapi tetap aja yang tampil align-left, gimana itu merubahnya???
Firefox 3.5 | Windows XP
@ismail, kalau ingin mengubah settingan text-align pada area posting, coba mas Ismail buka folder/file
style.csstheme Greeny yang mas gunakan. Bukanya bisa pada dashboard WP atau pada Cpanel hostingan. Kalau saya lebih suka lewat Cpanel sih.Pada file
style.csstersebut coba cari kode berikut ini (yang saya ambil dari kode CSS theme mas Ismail)..entry { text-align: justify; line-height: 20px; padding-top: 8px; font-family: Arial, Verdana; font-size: 14px; color: #474747; }Nah, coba perhatikan pada keterangan text-align. Ubah aja jadi left. Sehingga hasil editannya menjadi :
.entry { text-align: left; line-height: 20px; padding-top: 8px; font-family: Arial, Verdana; font-size: 14px; color: #474747; }Untuk mempermudah dan mempercepat pencarian, pada kolom style.css yang sudah dibuka, coba ketikkan
CTRL + Flewat keyboard. Lalu pada kolom yang muncul ketikkan dengan “entry” (tanpa tanda petik). Langsung ketemu deh kode yang berisi text-align untuk paragraf di area posting.Semoga berhasil mas.
Firefox 3.6.3 | Windows XP
@iskandaria, Alhamdulillah akhirnya saya bisa menyelesaikannya mas. makasih banyak atas masukan dan bantuannya.
Salam Blogger Indonesia :thanks2
Firefox 3.5 | Windows XP
@ismail, sama-sama mas. Saya ikut senang jika berhasil :thumbup:
Firefox 3.6.3 | Windows XP
@iskandaria, oya mas, mau tanya lagi ne. kalo ingin ngerubah comment dari “Justify” menjadi “Left” Kodenya dimana itu mas?
Firefox 3.5 | Windows XP
@ismail, nanti ya mas. Saya lagi buru-buru soalnya. Ntar saya coba lihat kodenya.
Firefox 3.6.3 | Windows XP
Jadi bukan tips malahan mas. Mungkin bisa dibilang “gak asik blog loe”. Hehehe
Firefox 3.5 | Windows XP
@Agung Prasetyo, setuju banget mas :D
Firefox 3.6.3 | Windows XP
Wawkwkkk….Posting ini menggambarkan seperti mobil harian Sy yg dibikin SANGAT minimalis n ceper abis keaspal, efeknya mmg mantap, irit BBM, bs mencapai TopSpeed dijln tol dlm bbrp detik n gada yg mw naik selain Sy…wakwkwkkk…Btw utk Blog ini & Blog2 sobat yg sering Sy kunjungi sih Alhmdlh tdk pernah terasa brt, karna mmg Jaringan Inet(Fastnet/kabelvision) yg Sy pake membuat Sy nyaman utk browse. Utk soal kecepatan Blog konon bbrpa master bilang ada bbrp Plugin WP yg bisa membuat Blog jd ringan selain WP-Super cache, Kang Is ada referensi?
Firefox 3.6.3 | Windows XP
@2R, saya trauma kalo mau pake plugin WP=Super Cache, soalnya pernah bikin error. Mungkin kurang support dengan theme yang saya gunakan. Sebenarnya tidak selalu harus mengandalkan plugin sih kalau menurut saya.
Google Chrome 5.0.375.38 | GNU/Linux
Kalau semuanya tidak diaktifkan, jadinya cuma kontennya doank donk yang nongol..
Memang loadingnya cepat sie, tapi pengunjung bisa-bisa kecewa kalo liat yang nongol cuma kontennya aja…
Hehehe…:D
Firefox 3.6.3 | Windows XP
blog aku termasuk yg perlu menjalankan tips2 ini..tapikadang bentrok ama kepentingan lain “semacam iklan” hehhee
Firefox 3.6.3 | Windows XP
oh ya.. mungkin bisa ditambah lagi dengan cara mengkompress website, agar lebih ringan :D
Firefox 3.6.3 | Windows XP
la, gmana nih
saya tetap selain isi kontent pun kontent itu sendiri
dengan terpaksa mengenyampingkan loadnya …
wah .. keputusan aneh saya ya
Firefox 3.6.3 | Windows XP
lebih baik ngejar kecepatan loading atau fungsinalitas sebuah blog? kalau lebih cepat loading tapi kehilangan fungsionalias..saya kira perlu kita pertimbangkan lagi….
Firefox 3.6.3 | Windows XP
@Sugiana Hadisuwarto, bagusnya sih loading cepat tapi tanpa kehilangan fungsionalitas Pak. Tapi Loading tetap harus jadi prioritas utama. Setelah itu baru konten dan tata letak. Termasuk fitur-fitur yang sekiranya berguna bagi pengunjung blog kita.
Google Chrome 5.0.375.70 | Windows XP
pakai plugin wp super cache hehe^_^ :cendol
salam mas is^_^b
Firefox 3.6.3 | Windows XP
@Alfred, plugin itu kadang bikin error mas. Saya pernah nyobain. Tapi jadi trauma :takut
Google Chrome 5.0.375.3 | Windows 7
wow, setelah menjalankan tips diatas, hasilnya adalah halaman putih mulus dengan bercak2 hitam (text)..
oya ini ada tambahan satu lagi mas..
14. jangan menulis posting apapun
hahah..sesuatu yang berlebihan memang gak pernah bagus hasilnya..(ntah iya)
btw posting yg unik dan memiliki pesan tersirat yg bagus masi is :rate
Firefox 3.6.3 | Windows XP
@Blog Juragan, haha. Kesimpulan yang SANGAT PAS Gan! :iloveindonesia
Firefox 3.6.3 | Windows XP
kok rasanya jadinya jelek ya? Bisa-bisa isinya cuma text doang, gak ada gambarnya. Minimal logo headernya pake gambar lah. Jika terlalu minimalis seperti ini, pengunjung juga tidak enak mas, yang enak paling cuma pengunjung yang internetnya lemot (* seperti saya :D )
Firefox 3.6.3 | Windows XP
@dery, hahaha. Betul juga ya kalo gitu.
Firefox 3.6.3 | Windows XP
saya lebih senang blog 1 kolom justru mas Is, lebih ringan dan enak membaca artikelnya, tidak pecah konsentrasi
Firefox 3.6.3 | Windows XP
@satrya, ada benarnya sih kalau theme satu kolom dinilai begitu. Tapi saya sampai saat ini masih ingin mempertahankan konsep 2 kolom ^_^
Google Chrome 5.0.375.70 | Windows XP
@iskandaria, 3-4 kolom mas hehe
Firefox 3.6.3 | Windows XP
Jika bahasan tulisan di atas adalah hanya untuk meringankan kecepatan loading blog saja, maka saya setuju 300% dengan mas is. Namun jika pembahasannya mengacu kepada Bagaimana membuat website/blog dengan akses yang cepat, maka saya sebagian besarnya saya tidak setuju, karena website atau blog juga tidak bisa dipisahkan dari yang namanya penampilan (fitur), aksesibilitas, dan kebergunaan (fungsional).
Menjawab pertanyaan di akhir konten, bagi saya blog yang ringan bisa berjalan beriringan dengan tampilan yang bagus, aksesibilitas, dan juga usabilitas. Tampilan yang kaya fitur belum tentu bagus secara tampilan. Karena kebanyakan blog ABG :alay juga kaya fitur, namun penampilannya mengganggu kebanyakan pengunjung, bukan? Jadi saya lebih memilih untuk tidak menjawab pertanyaan kedua.
Blog yang ringan atau cepat itu relatif bagi tiap orang. Bagi pengguna koneksi inet yang cepat, maka blog sekelas smashingmagazine pun bisa disebut sebagai blog yang cepat. Bagi pengguna koneksi inet yang sedang, maka blog kafegue.com pun bisa dibilang sebagai blog yang cepat. Bagi pengguna koneksi inet yang lambat, bisa jadi rismaka.net merupakan blog yang paling lemot dan lambat kecepatannya :ngakak . Oleh karena itu semuanya perlu standar kecepatan yang baku. Mungkin google page speed dan Yahoo Yslow bisa dijadikan acuan standar web/blog yang cepat itu seperti apa.
Jika tidak mengacu pada standar, maka siapapun bisa menentukan apa saja kriteria blog yang cepat itu. :hotrit
Firefox 3.6.3 | Windows XP
@rismaka, ini dia komentar paling mengena alias paling nyambung (tanpa merendahkan komentar-komentar lainnya). Intinya saya setuju dengan pendapat mas Adi di atas. Maksud saya menulis posting di atas memang untuk memancing pembaca soal apakah kecepatan muat halaman bisa berjalan beriringan dengan tampilan yang menarik plus adanya unsur aksesibilitas dan usabilitas (kebergunaan).
Ternyata bisa kan? Minimalis dan cepat tidak selalu harus dengan mengorbankan fitur serta tampilan (desain). Kita bisa lakukan optimasi agar fitur dan desain tidak menambah berat loading. Soal ini saya yakin mas Adi sudah jago banget.
Ya, kecepatan memang relatif dan subjektif. Ketika saya mengakses lewat warnet atau koneksi kabel yang super kencang, blog yang katanya agak berat pun jadi ringan aja tuh. Tapi ketika akses lewat koneksi nirkabel (seperti kalo menggunakan modem), baru terasa beratnya :)
Makasih berat buat pengayaannya mas :beer:
Google Chrome 5.0.375.3 | Windows 7
@rismaka, ckck..gila bgt komennya mas rismaka..mungkin kalo semua komennya di kumpulin bisa jadi satu buku best seller :recsel
Firefox 3.6.3 | Windows XP
@Blog Juragan, emang jago tuh mas Rismaka kalo urusan komen berbobot. Salut deh. Bisa dijadikan buku kumpulan komentar blog paling berbobot :D
Firefox 3.5.2 | Windows XP
Full Width dengan 900px seperti tampilan blog saya, emm
menggunakan seluruh lebar halaman yang ada.
Kelebihan :
Konten menjadi sorotan utama
Terlihat unik karena belum banyak yang menggunakan
Lebih nyaman di baca
pembaca akan fokus kepada posting tanpa ada gangguan banner atau widget lain
Kekurangan :
Terlihat “sepi”
Agak sulit menampilkan posting-posting sebelumnya
Butuh strategi khusus untuk menempatkan banner iklan atau widget lain…
Firefox 3.6.3 | Windows XP
@Kartika Amalia, kalau menurut saya, area posting yang TERLALU LEBAR malah cepat melelahkan pembaca mbak. Standar kenyamanan membaca menurut saya sekitar 600-an px aja untuk area posting. Seperti blog ini contohnya. Lebih tepatnya, dalam satu baris paragraf maksimal 8-12 kata saja. Lebih dari itu, akan cukup melelahkan pembaca. Kalau di blog mbak Kartika malah bisa sampe 17 kata per barisnya ^_^
Firefox 3.5.2 | Windows XP
seperti punya saya dong mas is, dengan lebar post 900px
tanpa menggunakan embel² widget, dan terbukti pageloadingnya sangat cepat dan kilat seperti jet, kalau ga percaya cek saja…
Firefox 3.6.3 | Windows XP
@Kartika Amalia, saya percaya kok mbak. Kan saya udah beberapa kali mampir ^_^
Firefox 3.6.3 | Windows XP
Kalau cara diatas diterapkan, kemungkinan loadingnya 1 detik kali ya Mas, tapi 1 detik selajutnya pengunjung kabur… :ngakak
Firefox 3.6.3 | Windows XP
@Zaiful Anwar, betul banget mas :ngakak
Firefox 3.6.3 | Windows XP
Pak Dokter DaniIswara banget… :D
Blog ringan keren koq menurut Helda. Agak-agak gimanaaa gitu. Ekslusif dah. Ah, Susah de jelasinnya.
Firefox 3.6.3 | Windows XP
@Remaja Helda, lah, kok malah nyinggung Pak Dani :)
Sebenarnya blog Pak Dokter Dani tidak seminimalis di atas kok Hel. Blognya masih punya menu related post dan recent post. Ditambah menu arsip. Lagian, ia rajin melakukan link building dalam hampir setiap postingnya. Jadi walau tampil minimalis, blog Pak Dani tetap punya daya tarik tinggi untuk mengikat pengunjung lebih lama mampir.
Firefox 3.6.3 | Windows 7
wahh wahh…
menurut saya, blog terlalu minimalis juga gak sedap dipandang mata dan membingungkan pengunjung. Seperti kata mas Ardian di atas, yaitu mengurangi usabilitas dan aksesibilitas pengunjung ;)
Kita ngeblog kan untuk manusia juga. Jadi seyogyanya kita suguhkan ‘hal menarik’ untuk tamu yang datang. :cendol
Firefox 3.6.3 | Windows XP
@Irfan, setuju banget mas. Terlalu minimmalis (tanpa menu daftar posting dan tanpa fitur yang sedikit berguna) memang bisa bikin pengunjung cuma mampir sebentar. Setidaknya ya sajikanlah menu arsip kalau ingin tampil minimalis.
Safari 5.0 | Windows XP
@Irfan, Hm…. Belum tentu juga saya rasa. Tergantung bagaimana desainer antar muka mencampur adukkan warna dengan baik. :) Se simple apapun, kalau antar mukanya memang di desain dengan baik dan terpikirkan, saya yakin, pengunjung juga senang. :D
Firefox 3.5 | Windows XP
@ganda, bukan masalah senang sih menurut saya mas, tapi lebih kepada waktu kunjungan dan pageview yang terjadi. Kalau minimalis tapi antarmukanya bagus dan didukung oleh menu navigasi yang dibutuhkan, saya rasa pengunjung akan lebih tertarik untuk menjelajahi :)
Safari 5.0 | Windows XP
@iskandaria, Yah, mereka senang berlama-lama membaca di web tersebut. :D Dan perlu dilihat lagi, apakah pengunjung tersebut datang kembali. :D
Google Chrome 5.0.375.70 | Windows XP
Kesimpulan yang saya dapatkan adalah, gunakanlah text browser atau akses via RSS.
Dan jika anda menganggap hal-hal tersebut di atas adalah sebuah konsep minimalis, maka saya tidak setuju. Sama saja dengan sebuah web XHTML tanpa CSS.
Saya sendiri tetap berpandangan bahwa optimasi dalam desain interface lebih baik. Desain interface harus maksimal, karena desain interface berperan besar dalam usabilitas dan aksesibilitas (menurut saya).
Firefox 3.6.3 | Windows XP
@ardianzzz, yang saya fokuskan pada bahasan di atas sebenarnya lebih kepada posisi sebagai pemilik blog saja sih mas. Bukan pada sebagai pengunjung. Jadi menggunakan text browser dan akses via RSS itu bagi pengunjung (bukan bagi pemilik blog). Hal-hal di atas sebenarnya kan tidak melepas CSS sebagai salah satu eleman codingnya. Sebatas mengurangi fitur tertentu saja.
Masalah desain interface sebagai optimasi, mungkin perlu dijabarkan lebih lanjut mas. Maksimalnya seperti apa dan usabilitas plus aksesibilitasnya bagaimana. Mungkin mas Ardian bisa nulis hal itu secara khusus dalam posting blognya nanti? :) Saya tunggu lho ulasannya soal itu.
Google Chrome 5.0.375.70 | Windows XP
@iskandaria, Hehe, lagi males update :D
Maksudnya adalah kita mengoptimalkan desain sebuah blog, itulah yang harus dilakukan.
yeh, mungkin persepsi kita dengan kata “desain” akan berbeda. Saya memandang pengertian desain blog adalah sistem sebuah blog secara keseluruhan. (dalam kasus ini adalah front end desain/yang dilihat oleh user).
Ketika kita merancang “desain sebuah blog” kita tentu memikirkan bagaimana nanti layoutnya, kodenya, konten yang akan dimuat, siapa kira-kira yang mengakses dsb.. itulah desain. Ketika kita berfikir bahwa pengunjung kita adalah orang-orang yang lebih mengutamakan kecepatan muat karena koneksi terbatas mungkin rencana desain yang diambil adalah menggunakan 13 tips di atas. tetapi bagaimana jika rata-rata orang yang mengakses blog kita memiliki koneksi yang bagus (3,5G, EVDO dsb) saya rasa sah-sah saja menampilkan gambar berukuran 500-600px untuk excerpt (seperti smashingmagazine).
Tergantung konten yang disajikan juga. Jika kita menyajikan kode tips di atas sagat relevan tetapi bagaimana dengan web portofolio dan photoblog?
Untuk itu, hal yang paling penting bagi saya adalah dengan mengoptimalkan desain itu sendiri. Bagaimana kita membuat desain tersebut aksesibel untuk banyak kalangan tetapi tidak mengurangi nilai estetikanya. Misalnya, menggunakan framework javascript terkompresi via google, CSS sprites dsb. Mengenai penggunaan plugin, sudah selayaknya kita mengetahui sistem kerja sebuah plugin sebelum menggunakannnya. Kita tahu banyak plugin WP yang membuat masalah bahkan membuat bandwith habis dan suspend otomatis..
OOT, oh ya mungkin untuk texarea komentar dapat ditambahi sedikit padding agar lebih nyaman saat menulis :)
Firefox 3.6.3 | Windows XP
@ardianzzz, ternyata langsung dibahas di sini. Kirain saya mau ditulis secara khusus di blog :) Makasih banyak buat tambahannya mas. Jadi intinya, desain itu cenderung kepada analisa (pertimbangan) awal ketika akan membuat blog/web ya kalau begitu. Saya setuju. Semuanya harus dengan mempertimbangkan tujuan blog tersebut dibuat, siapa saja target pengunjungnya, dan apa jenis konten dominan di dalamnya kelak.
Soal padding, ntar saya tambahkan deh. Thx masukannya.
Google Chrome 5.0.375.70 | Windows XP
Pendapat subyektif saya, sepertinya masih banyak yang berfikir bahwa desain itu adalah seni. Mungkin berhubungan dan ada yang menganggapnya seni tetapi kedua hal tersebut sangat berbeda. Dan parahnya–hehe–sepertinya banyak juga yang menganggap bahwa desain ‘hanya;ah’ sebatas grafis komputer(seperti kita menyebut orang-orang yang membuat desain grafis adalah desainer).
Saya sendiri menganggap desain adalah sebuah aplikasi engineering, sebuah rekayasa. Seperti halnya kita membuat desain sistem yang baik, manajemen yang baik, kineja yang baik dsb. jadi desain tidak hanya menyangkut pakaian dan grafis saja :D
Mungkin saya sedikit banyak tahu karena saya mempelajarinya di kuliah :)
Firefox 3.6.3 | Windows XP
@ardianzzz, sepertinya kata “desain” di dalam dunia website memang lebih sering diartikan begitu. Bahkan sampai saat ini pun, saya jujur aja masih sering menafsirkan begitu ketika mendengar kata “desainer web”. Pikiran saya langsung condong ke desainer theme/template yang lebih kepada aspek tampilan antarmuka.
Ngomong-ngomong, kuliahnya jurusan apa mas?
Google Chrome 5.0.375.70 | Windows XP
@iskandaria,
Teknologi Industri Pertanian UGM mas hehe :p
Mungkin tingkatan desainer web yang lebih tinggi meliputi Information Architecture dan User Experience designer :)
Google Chrome 5.0.375.70 | Windows Vista
@ardianzzz,
Oh…, bertani itu seni lho Mas Ardianzzz, seperti mengola website :D
Firefox 3.6.3 | Windows XP
@ardianzzz, kirain saya ambil Teknik Informatika kayak saya mas. Tapi salut aja karena walau jurusannya gak ada hubungan dengan coding, tapi mas Ardian udah jago soal coding dan pemrograman web :beer:
Safari 5.0 | Windows XP
@ardianzzz, Design is simplicity. :) Tapi tak harus mengorbankan banyak resource. :) Menurut saya, simple itu sendiri adalah sebuah seni. :) Semakin simple algoritma suatu masalah, maka akan semakin baik. tidak memakan banyak resources. Tidak ada proses yang bertele-tele. Di dunia programming, membuat algoritma yang lebih simple justru lebih sulit dari pada membuat proses yang bertele-tele. :D
Firefox 3.5 | Windows XP
seputar tips nomer dua yaitu Jangan gunakan gambar sebagai penghias posting (termasuk screenshot). selama ini saya sendiri dan mungkin kebanyakan para narablog juga masih sering menggunakan fitur screenshot atau gambar. Tujuannya tak lain dan tak bukan adalah untuk menguatkan argumentasi kita (postingan tersebut) bagaimana dengan itu??
kalau saya setuju banget dengan larangan pasang imoticon karena kalau narablog lebih senang mobileblogging itu akan sangat memberatkan pageloadingnya, kalau soal recent post, recent comments, popular post, tag cloud itu sebaiknya dipasang secara biasa saja, kalau menggunakan tabview malah bikin lola, karena harus memanggil javascriptnya juga, ya kelebihan menggunakan fitur tabview kelebihanya dadalah tampilan jadi rapi, namu resikonya lola..
kalau cuman menggunakan 1 kolom, seperti blognya kartika di http://www.blogtutorialwordpress.blogspot.com itu mungkin akan mengurangi pageview, tapi ya itu loadingnya sangat cepat… hal seperti ini terbukti pada blognya kartika, bukan seperti itu mas is
Firefox 3.6.3 | Windows XP
@Gus Ikhwan, soal menggunakan gambar/screenshot memang ada kalanya harus kita lakukan Gus. Alasannya ya itu dia, seperti yang pernah saya tulis. Soal emoticons, memang bikin berat yang akses via HP. Tapi kalau pengunjung blog kita lebih banyak dari PC, saya rasa gak papalah pasang emo. Kalau blognya Kartika emang cepet sih loadingnya, tapi apakah kita cuma perlu mengutamakan kecepatan dan mengesampingkan aspek lainnya? Saya rasa dunia website tidak melulu bicara kecepatan sebagai poin utama yang berguna bagi pengunjung.
Safari 5.0 | Windows XP
@iskandaria, Saya lebih menyarankan untuk membuat tampilan khusus pengguna mobile.
Firefox 3.5 | Windows XP
@ganda, sudah saya gunakan kok versi mobile-nya mas.
Firefox 3.6.3 | Windows 7
Wah, itu mah tweak ampe mentok ya mas…
Saya hanya melakukan optimasi disisi server aja deh mas..dan mengurangi sedikit pernak pernik…
Firefox 3.6.3 | Windows XP
@Planet Orange, optimasi di sisi server tampaknya menjurus pada hal-hal teknis ya mas. Kalau mengurangi pernak-pernik lebih pada client-side.
Firefox 3.6.3 | Windows 7
@iskandaria, Iya bener yang mas Is bilang, kl optimasi disisi server erat kaitannya dengan masalah teknis, seperti membuat apache lari kyk orang kesurupan, mengaktifkan memcache, etc…
Saya juga berencana utk mengurangi beberapa pernak pernik yang gak bgitu perlu, biar loading blog saya bisa sekencang blog kafegue.com
Mantap nih mas Loadingnya
Firefox 3.6.3 | Windows XP
@Planet Orange, wah, syukurlah kalo loading blog ini dinilai kencang. Salah satu pendukungnya mungkin karena saya menggunakan server dalam negeri (yang lokasinya ada di Jakarta). Sekedar info, saya menggunakan hosting dari masterweb.net
Firefox 3.0.19 | Windows XP
@iskandaria,
kadang server dalam negeri kayak pedang bermata dua nih. Gampang di buka dari Indo, tapi dari luar lemotnya apalagi… sempat make colo salah satu provider di gedung cyber mereka cuman nyanggupin 10MB Shared untuk Internasional bandwithnya :(
Kapan bisa ada perusahaan sekaliber theplanet yah :cd:
Firefox 3.5 | Windows XP
@Film Bioskop Terbaru, wah ternyata pernah make juga ya. Tapi kalau menurut saya, memilih server dalam negeri cocoknya bagi blog yang target pengunjungnya dari dalam negeri saja sih (kayak blog ini contohnya).
Firefox 3.6.2 | Windows 7
Kalau persyaratannya demikian ketat seperti itu, saya setuju mas.
Kalau harus memilih, saya pilih yang sedang-sedang saja. Sebagian membela loading, sebagian membela tampilan. Karena semua bagian dari service kepada pembaca. Entah kalau mas Is punya kiat khusus mengejar keduanya.
Firefox 3.6.3 | Windows XP
@suarakelana, menurut saya kembali lagi pada motivasi ngeblog kita untuk apa sih Pak. Kalau sekadar buat nulis atau mencurahkan ide yang tidak terlalu mementingkan aspek statistik (pageviews), saya rasa sah-sah saja lebih mengutamakan kecepatan dan mengesampingkan service kepada pembaca. Namun jika orientasi kita ingin lebih menjamu pengunjung dengan sajian yang tidak sekadar berupa menu landing page dan ingin mengikat mereka agar lebih lama mampir, saya rasa kita perlu juga menyajikan menu lebih lengkap dan sedikit memodifikasi tampilan (biar tidak terkesan hambar bin standar).
Kiat khusus untuk mengejar keduanya kalo bagi saya sih bersifat agak teknis Pak. Harus sedikit ngerti coding CSS, HTML, dan PHP.
Safari 5.0 | Windows XP
sekalian aza mas ga usah punya blog…. :ngakak :ngakak
Firefox 3.6.3 | Windows XP
@hakim, tos dulu deh kalo gitu :thanks2
Google Chrome 5.0.375.70 | Windows XP
Pertanyaan ini rumit bagi saya, Mas Is. Saya juga tak bisa bayangkan gimana jadinya tampilan sebuah blog kalau ketigabelas tips di atas dilakukan semua.
Sejauh yang saya tahu, kecepatan loading memang menjadi salah satu faktor yang mempengaruhi peringkat indeks oleh Google. Tapi, bila tampilan hambar juga akan besar kemungkinannya gagal mengikat pengunjung yang pernah singgah untuk betah.
Yang saya lakukan, ya menghindari sebisa mungkin penggunaan banyak plugin dan menampilkan gambar dalam ukuran besar. Penggunaan plugin adalah jalan terakhir bagi saya apabila banyak cara yang ditempuh tidak berhasil.
Tampaknya itu saja ungkapan saya soal pertanyaan ini. Lagian pula, saya sendiri memang tak terlalu pandai kalau soal teknis dan utak-atik blog. Pengetahuan saya soal itu secukupnya saja, secukup modal untuk blogging secara normal… :D
Firefox 3.6.3 | Windows XP
@Khery Sudeska, tidak mengapa mas Khery. Penggunaan plugin dan gambar berukuran besar memang menjadi biang keladi pemberat loading halaman sebuah blog. Untuk tahap pemula, meminimalkan 2 hal itu sudah cukup rasanya. Untuk tingkat lanjut, ada beberapa teknik optimasi yang harus dilakukan selain itu. Umumnya bersifat teknis sih.
Google Chrome 5.0.375.70 | Windows XP
@iskandaria, Dengan dua hal tersebut sejauh ini loading blog saya lumayanlah rasanya, saya juga sudah periksa dan minta penilaian soal kecepatan itu kepada beberapa teman, dan mereka katakan loading blog saya cukup baik, walau tak secepat KafeMu ini, Mas Is. Kalo diibaratkan motor pacuan motogp, KafeGue ini ibarat mesinnya Ducati dengan tenaga V-Power, sedangkan Sudeska.Net mesinnya Yamaha dengan empat piston sejajar – lho, perginya kok ke motor sih? :D -, jelas sekali Sudeska.Net kalah cepat.
O, ya… Mohon lihat tampilan blog saya yang sekarang ini, Mas Is. Dalam hemat saya, blog itu sudah 90 % rampung soal tampilannya. Mohon berikan penilaian di halaman komentar posting terbaru soal tampilan, tata letak, kecepatan loading, menu2 di sidebar, dan hal-hal lainnya. Masukan2 dari Mas Is akan menjadi pertimbangan dan sedapat mungkin akan saya kerjakan jika itu tak terlalu teknis. Anda tahu sendiri kan Mas Is, saya sudah mengganti template puluhan kali hingga bertemu template terakhir yang saya pake sekarang ini. Kemungkinannya, itu adalah template final yang akan saya pake seterusnya. Namun, saya masih membutuhkan masukan agar balapan – blogging :P – lebih optimal ke depan. Tks sebelumnya…
Firefox 3.6.3 | Windows XP
@Khery Sudeska, ok. Nanti saya coba amati ya mas. Tapi menurut saya loading timenya sudah lumayan cepat kok mas. Tapi kalau memang perlu masukan, nanti saya coba kasih deh. Ditunggu aja dulu ya. Nunggu waktu luang ntar malem.
Firefox 3.5.9 | Windows XP
mas Is sudah ekperimen dengan 13 tips itu lom ya? ;)
Firefox 3.6.3 | Windows XP
@Ahmad IM-bisnis, belum sih mas. Tertarik juga mencobanya. Mungkin akan saya coba untuk blog lain saja. Kalau untuk blog utama rasanya tidak akan pernah saya lakukan semuanya.
Firefox 3.6.3 | Windows 7
Seeprtinya ada perubahan besar nie mas. Load blognya lebih cepat dari biasanya. Kalau saya kurang setuju mas. Kalau cepat tapi sedikit fitur, mungkin akan mengurasi pageviews mas.
Firefox 3.6.3 | Windows XP
@Gus Adit, syukurlah kalau dirasa lebih cepat Gus. Saya memang melakukan beberapa optimasi untuk meringankan loading blog ini. Di antaranya mengcompress CSS menjadi super compact via CSS Drive (poin 11 di atas), mencopot menu tabs view sidebar, menggunakan fungsi PHP pada related post, dan mengganti image pada beberapa background dengan kode warna HTML.
Mengenai mengurangi pageviews, saya juga setuju Gus. Mungkin itu tidak menjadi pertimbangan utama si pemilik blog.
Opera 9.52 | Windows XP
Wah Mas Is curang, SEMBILAN POIN dari yang disebutkan TETEP ADA DI BLOG INI, tapi barusan saya posting komentar koq cepet tuh? Pasti ada rahasia yang disembunyikan nih ya? Hayoooo…. ngaku!!!!!!!! :ngakak
Firefox 3.6.3 | Windows XP
@Erdien, saya ngaku deh Pak. NGaku banget :malu
Opera 9.52 | Windows XP
@iskandaria, Nah kalo dah ngaku, AYO BAGI-BAGI DUNK RAHASIANYA hehehe (*maksa*) :ngakak
Firefox 3.6.3 | Windows XP
@Erdien, yach…dia pake maksa segala :hammer
Rahasianya sih agak bersifat teknis sebenarnya Pak. Salah satunya dengan mengcompress file
style.cssdengan opsi super compact menggunakan situs CSS Drive (poin 11 di atas). Tapi kalo sudah dicompress begitu, akan bikin puyeng kalo mau ngeditnya nanti. Soalnya udah dipadatkan tuh susunan kodenya jadi satu baris aja :amazed:Rahasia lain yaitu dengan tidak pasang banner iklan..hahaha (yang ini Pak Erdien pasti gak bisa lakukan). Cara lainnya? Silakan baca tanggapan/reply saya atas komentar Gus Adit.
Opera 9.52 | Windows XP
Wah kacau banget kalo gitu Mas, sekalian aza tanpa posting artikel tuh hahahaha….. :ngakak
Firefox 3.6.3 | Windows XP
@Erdien, :D
Opera 9.52 | Windows XP
Pertmax dulu kali ya?!
Opera Mini 5.0.19693 | J2ME/MIDP Device
aha. Saya ssuka pembahasan kali iini. Tapi kommennya pendiing dulu ah, mau tahu tanggapan org lain dulu :)