Mengapa Loading Blog ini Bisa Super Enteng dan Kencang? Jawabannya…
Beberapa rekan yang pernah mampir ke blog ini (baik yang baru pertama kali maupun yang sudah familiar) mengatakan bahwa loading blog ini sangat enteng, ringan, bin cepat. Ada lagi yang bilang loadingnya gak pakai lama kayak yang lain. Wah, senang juga saya mendengarnya 
cuplikan salah satu komentar pengunjung blog ini
Ini berarti bahwa salah satu poin dalam ‘web usability’ dan juga ‘web accessibility’ sudah terpenuhi oleh blog ini (tentang kemudahan akses bagi pengguna). Apa sih rahasianya sehingga loading blog ini bisa enteng?
Apa saja yang saya lakukan untuk meringankan loading blog ini?
-
Saya memangkas beberapa navigasi/menu dan menyisakan yang menurut saya lebih penting untuk dipasang.
Anda bisa lihat sendiri. Di blog ini tidak ada navigasi/menu komentar terbaru, top komentator, dan bahkan menu kategori. Tak ada pula widget penghias maupun link-link/banner dari situs direktori blog (yang biasanya mengharuskan memasang banner mereka sebagai syarat agar link kita dipasang di situsnya). Satu-satunya widget yang saya pasang yaitu berupa ‘histats’ (pencatat trafik) yang letaknya di footer.
-
Saya menggunakan theme satu kolom.
Poin ini sebenarnya masih bisa diperdebatkan. Apakah memang ada jaminan bahwa penggunaan theme satu kolom bisa lebih mempercepat loading? Saya rasa tidak. Namun ada efek psikologis yang dirasakan oleh pengunjung ketika mengakses situs/blog yang menggunakan theme satu kolom.
Area di bawah konten utama bisa tidak terlalu kelihatan proses loadingnya. Padahal bisa saja loading area di bawah konten tersebut agak lama. Jadi, yang dirasakan oleh pengunjung malah cepat loadingnya. Mengapa? Soalnya area header dan konten utama (yang memuat posting) akan termuat duluan dan memenuhi layar. Seolah-olah loading sudah tuntas. Padahal bisa jadi area/elemen di bagian bawahnya belum termuat sempurna
-
Saya mengompress file CSS blog ini.
Coba Anda intip ‘source-code’ CSS blog ini. Anda akan melihat tampilannya menumpuk. Terkesan tidak beraturan karena tidak ada spasi. Tak ada pula keterangan tentang kode ini untuk mengatur tampilan apa misalnya.Namun bagi saya, itulah hasil pengompresan yang turut meringankan loading blog ini. Walau pengaruhnya mungkin cuma sedikit, tetap saja positif untuk mempercepat delay pembacaan dan penguraian kode-kode CSS oleh web browser.
Cara mengompressnya gimana?
Silakan menuju situs CSSdrive.com. Pada kolom yang ada, pastekan dengan semua isi file CSS blog Anda. Lalu tekan tombol . Jangan lupa pilih opsi ‘super compact’ agar hasil compress bisa lebih padat dan mengurangi ukuran file CSS lebih banyak. Hasil pengompressan siap untuk Anda pastekan kembali pada kolom CSS theme Anda.
Warning!!! Jangan paksakan cara ini jika Anda belum begitu mahir mengedit CSS atau belum begitu paham konsep mengedit CSS dengan cepat. Bisa-bisa nanti Anda malah pusing ketika ingin mengedit CSS blog Anda.
-
Saya menggunakan teknik ‘compressing’ via file .htaccess dan penambahan kode PHP khusus di atas header.
Tutorial lengkapnya bisa disimak pada tulisan tentang Kompres Website untuk Mempercepat Loading (ddery.com). Cara ini sangat bersifat teknis dan lebih pas untuk pengguna WordPress dan platform lainnya yang berbasiskan PHP.
-
Saya menggunakan server dalam negeri (IIX) dan menggunakan jasa web hosting terbaik Indonesia.
Kenapa server dalam negeri? Soalnya target utama pengunjung blog ini yaitu mereka yang tinggal di Indonesia. Jadi, menggunakan server yang berlokasi di Indonesia bisa lebih mempercepat akses. Mungkin ada kekhawatiran bahwa server dalam negeri sering bermasalah? Ah, saya rasa relatif juga. Buktinya, blog ini sendiri jarang bermasalah bukan? 
Satu lagi, blog ini menggunakan jasa hosting dengan ‘bandwidth unlimited’! Jadi saya tidak akan khawatir soal ‘bandwidth’ per bulan.
-
Saya melakukan validasi (X)HTML pada mayoritas halaman blog ini (home dan single-post).
Silakan cek sendiri pada halaman depan dan mayoritas halaman posting/artikel blog ini dengan ‘markup validator’ dari W3C. Rata-rata sudah valid (X)HTML 1.0 Strict (kecuali halaman ‘page’ statis). Ini bukan untuk berbangga atau pamer, melainkan untuk lebih mendisiplinkan diri saya dalam penulisan kode (‘coding’).
Pengaruhnya pada loading?
Walau tidak ada penelitian yang bersifat ilmiah, saya merasakan pengaruh yang sangat positif dari hasil memvalidasi HTML pada mayoritas halaman blog ini. Dengan semakin minimnya error atau galat pada penulisan kode, maka engine web browser bisa lebih ringan (tidak perlu berupaya lebih keras) dalam menguraikan/me-render halaman-halaman web. Efeknya, ‘delay’ atau waktu penguraian (‘rendering’) kode-kode HTML bisa lebih cepat jadinya. Logisnya sih begitu kalau menurut saya.
-
Saya meminimalisir penggunaan JavaScript dan plugin.
Blog ini cuma menggunakan plugin SEO, Related-post, dan WP-thread-comments pada halamannya. Sedangkan JavaScript cuma pada script ‘google-analytics’ dan ‘histats’. Termasuk pada plugin WP-thread-comments. Untuk tautan pintas (‘jump link’), saya lebih memilih pakai kode manual saja (tanpa efek jQuery). Toh, hasilnya akan jadi jauh lebih cepat (tidak ada efek menggulung) dan sama sekali tidak akan bikin berat loading. -
Saya menaruh/memasang kode pencatat trafik pada footer.
Tepatnya yaitu script ‘google-analytics’ dan ‘histats’ (yang menggunakan JavaScript). Kenapa harus ditaruh pada footer? Soalnya akan sangat memperlambat loading jika ditaruh pada header atau bagian yang lebih atas. Sifat dari JavaScript yaitu akan diprioritaskan terlebih dahulu untuk dipanggil/dimuat secara sempura. Setelah ia termuat sempurna, barulah baris-baris kode/perintah di bawahnya dieksekusi oleh web browser.
Jadi dengan logika tersebut, ada baiknya kode-kode yang berupa JavaScript ditaruh pada footer saja agar termuat belakangan dan tidak menghambat pemuatan kode-kode di atasnya. Dalam arti lainnya, widget-widget yang sekiranya kurang begitu penting untuk dilihat pengunjung ada baiknya di taruh di bawah.
Warning!!! Jangan menaruh kode JavaScript yang mempengaruhi tampilan halaman web/blog Anda di bagian footer. Misalnya kode plugin atau link plugin tertentu yang fungsinya menampilkan posting acak atau memberi efek tertentu pada navigasi di header.
UPDATE
Teknik lain yang saya lakukan yaitu membuat style CSS berbeda untuk setiap jenis halaman. Misalnya untuk halaman home, saya menggunakan file CSS khusus home. Begitu pula untuk halaman posting dan halaman statis. Jadi, ada 3 jenis file CSS yang berbeda pada blog ini.
Ok deh. Rasanya sudah terlalu panjang saya menguraikan. Jika ada pendapat, saya tunggu di kolom komentar.
Tautan Cepat »» Beri Komentar | Baca Ulang Posting
Baca Komentar | Daftar Posting Terbaru
Tambah KafeGue di Facebook 
Ikuti KafeGue di Twitter
Menu Lainnya »» Atas » Beranda » Arsip » Profil » Kontak » Bawah
Langganan KafeGue.com melalui Email
Langganan melalui Pembaca RSS
WordPress 3.2.1
[...] Toh, blog ini memang ingin saya kembangkan dari sisi trafiknya. Namun itu bukan berarti saya hanya gila trafik. Kalau saya cuma gila trafik, saya mungkin tidak akan mau repot-repot mendesain blog ini senyaman mungkin bagi pengunjung. Saya mungkin juga tak mau repot dengan urusan validasi HTML dan teknik optimasi kecepatan loading. [...]
WordPress 3.1.3
[...] blog yang sifatnya personal dan tidak terlalu mementingkan masalah kecepatan loading, keberadaan emoticons sebenarnya tak jadi masalah. Bahkan bisa menambah kesan hidup dan ekspresif [...]
Firefox 3.6.16 | Windows XP
Iya mas, blog saya dibuatin orang tapi loadingnya sangat lambat,…..kepinging bisa cepat seperti ini, mantap juga ya…
Firefox 3.6.3 | Windows XP
makasih boz atas infonya, punya saya masih lemot, mungkin karena server and dns gratisan kali ya. lagian nggak pake cms, maklum mau blajar koding sendiri. ping hampir 700ms, kalo pagespeed sih masih 85. dan masih bermasalah sama compress, cache dan expire chace. mohon bantuannya cek xilix777.co.cc mohon juga kirim ke email saya. aku juga mau cobain ah google analis di kasi bawah.. sekali lagi thanks
Firefox 3.6.16 | Windows XP
wah, sepertinya mantap nih gan trik2nya. akan langsung dicoba. terutama yang kompresi website itu. thanks :)
Firefox 3.6.8 | Windows XP
Ini Nih Yang Saya Cari…. Mas Is Plugn yang mas Pakai Berapa banyak ? Blogspotku Kurang Cepet Loadingnya Padahal Sudah Bener2 Di Terapin.Apa Mungkin Itu Di karenakan Widget Follower ?
Chromium 11.0.686.0 | Ubuntu 10.10
@Nurul Imam, plugin yang saya gunakan cuma sedikit mas. Kalau yang langsung berhubungan dengan halaman blog ini cuma sekitar 3 saja. Kalau widget follower sebenarnya tidak terlalu berpengaruh jika ditempakan di bawah. Kalau masih lama loadingnya, kemungkinan masalah pada struktur template yang digunakan. Saya sudah lama tidak utak-atik blogspot mas.
Firefox 3.6.8 | Windows XP
@iskandaria, : Memang Benar…Ternyata Struktur HTML Saya Di Halaman Posting Masih Berantakan.Perlu Banyak Belajar semantic nih …
Google Chrome 7.0.517.44 | Windows XP
weleh2, mas iskan! itu mah setiuap poin bisa lebih dijabarkan lagi masing2 menjadi 1 artikel.
ijin bookmark, karena mungkin minggu2 ini mau mencoba mempercepat loading web.
Chromium 11.0.663.0 | Ubuntu 10.10
@willy merdiansyah, saya sengaja ngeborong dalam satu artikel mas. Biar komplit..hehe. Makasih sudah membookmark.
Google Chrome 9.0.597.84 | Windows XP
wiiih bener-bener kenceuenggg, perlu belajar banyak nich…
Firefox 3.6.13 | Windows 7
eWah jelas aja ringan banget, lha javascriptnya sedikit sekali.
Google Chrome 11.0.659.0 | Windows XP
@Jamal Rahmat, masalah ringan beratnya loading bukan semata persoalan JavaScript mas. Biar sedikit JavaScript, tapi kalau tidak dibarengi dengan teknik optimasi lainnya, belum tentu juga akan ringan loadingnya.
Google Chrome 9.0.597.84 | Windows XP
beberapa sudah saya terapkan mas is.. terutama penggunaan js pada footer.. ni jg rencana mau menghilangkan widget² yg tak perlu,,
biar lebihh wuzz…
Chromium 11.0.662.0 | Ubuntu 10.10
@tomi, widget yang ada sekarang tidak masalah bagi saya mas. Yang agak bermasalah mungkin terlalu polosnya theme yang mas Tomi gunakan..hahaha (putih semua soalnya). Mungkin bisa dikasih sedikit sentuhan warna. Saya malah lebih suka theme biru buatan Pak Aldy yang dulu mas Tomi gunakan.
Google Chrome 9.0.597.98 | Windows XP
@iskandaria, nahh itu mas.. saya baru utak supaya bs ngasih navigasi di sidebar kayak punya mas is ini.. tp blm ketemu juga caranya.. maklum full newbie hehehe..
apakah mas is bisa bantu? :D
Firefox 3.6.8 | Windows XP
Jujur, ini salah satu web yang paling cepat loadingnya dari semua web yang pernah saya akses…
Google Chrome 9.0.597.84 | Windows XP
@Abu Furqan,
kalau punya saya gmn mas? :D
Google Chrome 9.0.597.98 | Windows XP
@tomi, Lebih lama dibanding kafegue.com, namun masih bisa ditoleransi… :)
Google Chrome 9.0.597.98 | Windows XP
@Abu Furqan, makasih makasih penilainnya mas
Firefox 3.6.13 | Windows XP
Bisa kenceng walau gak pakai plugin wp yang bisa mempercepat loading blog. Mantab mas :)
Google Chrome 10.0.648.18 | GNU/Linux
@koran terbaru, kalau cuma mengandalkan plugin, rasanya akan percuma saja bos. Jadi mesti dibarengi dengan teknik optimasi lainnya biar lebih maknyus hasilnya.
Firefox 3.6.13 | Windows XP
Benar memang, Mas. Enteng…!
Firefox 3.6.12 | Windows 7
NuwunSewu,,,
Mas punya tips nda ? Cara Mempercepat Loading web joomla ?
Maturnuwun.
Google Chrome 10.0.648.18 | GNU/Linux
@Free Auto BackLinks, kalo joomla saya angkat tangan dulu bos. Belum pernah pakai soalnya.
Firefox 3.6.13 | Windows XP
@Free Auto BackLinks,
Joomla 1.6 pake modul jangan kebanyakan pake yang langsung bisa di HTML buat editnya, editor juga pengaruh di back end. So..cache aja yang harus di konfigur, kalu server dalam negri joomla cepat.
Pake yang buat throttle seperti drupal agar bisa mengatur kongesti mana modul yang harus di tampilkan pada masing-masing halaman. Dan setting jcoment buat jangan sampai user bisa masukin video itu bisa lama loadingnya, setting di jcomment pake CSS soalnya backgrond gambarnya banyak. Dan butuh tenaga untuk loading..
Kalu bisa ga usah pake komentar joomla enaknya buat toko online bisa masukin shoping chart dan juga asik buat forum..
Google Chrome 11.0.659.0 | Windows XP
@Hendro, makasih tambahannya Bang. Joomla memang jarang sekali dipakai untuk ngeblog dan lebih banyak untuk jenis website lainnya.
Firefox 3.6.13 | Windows XP
@iskandaria,
Oia, mas is aku sekarang yang di drupal kotak komennya pake ajax kira2 nyaman ga mas..minta sarannya..
Tadinya sih enakan di pisah halaman biar ada pageview yang meningkat, tapi kasihan juga pengunjung..
Google Chrome 11.0.659.0 | Windows XP
@Hendro, sudah enak dan bikin nyaman karena lebih praktis dan efisien dari sisi waktu serta bandwidth.
Firefox 3.6.13 | Windows XP
Wah ternyata rumit juga mas Is, kalo buat saya yang awam soal kompres mengompres dan CSS mumet juga tuh, salah-salah malah blog error, saya baru mau coba untuk theme yang 1 kolom, kayaknya bagus juga, udah dapat cuma belum ada yang menawari saya untuk sedikit mengedit
Firefox 3.6.13 | Windows XP
masalah utama ada di pembahasan no 5, saya rasa hostinglah yang paling mempengaruhi kecepatan blog :)
Firefox 3.6.13 | Windows XP
@indam,
++++++10
Chromium 11.0.659.0 | Ubuntu 10.10
@indam, kalo gitu bersyukurlah saya menggunakan hosting terbaik di Indonesia :bangga:
Firefox 4.0b10 | Windows XP
Untuk CSS di blog saya malah tidak dikompress Mas, malah kebalikannya….he..he..he…
Saya menggunakan layanan Styleneat untuk merapikan kode-kode CSS, karena saya sering kali meng-edit CSS. Kalau saya kompress menggunakan CSSDrive yang super compact mata saya jadi sepet memandang kode-kode CSS yang tanpa spasi.:(
Chromium 11.0.659.0 | Ubuntu 10.10
@Rudy Azhar, memang bikin sepet sih. Awalnya saya juga gitu. Tapi lama-lama saya terbiasa kok Bang. Kalau untuk mengedit CSS, saya terbiasa pakai teknik shortcut Ctrl+F untuk dengan cepat menemukan id, class, atau nama elemen yang ingin saya edit.
Firefox 3.6.13 | Windows 7
@iskandaria, Dulu saya juga sempat menggunakan cssdrive untuk mengkompress CSS, tapi seperti kata rudyazhar, karena saya sering edit CSS, makanya agak pusing juga saat mau utak-atik lagi.
Sebagai gantinya saya menggunakan metode minify dan Gzip dengan PHP, yaitu menggabungkan beberapa berkas CSS menjadi satu berkas, dan kemudian mengirimnya ke pengguna dlm bentuk gzip, sehingga ukuran berkas bisa dikompress menjadi sekitar 20%nya saja.
Chromium 11.0.659.0 | Ubuntu 10.10
@rismaka EA, saya tunggu pembahasan tentang itu mas Adi ;) Atau mungkin ada referensi ke blog yang sudah pernah membahasnya? Siapa tau berguna bagi yang tidak mau compress CSS karena takut pusing.
Firefox 3.6.13 | Windows XP
@Rudy Azhar, sebaiknya di kompress mas. kalo binggung dengan css tanpa spasi, buat dua css aja. satu yang di kompress dan yang satunya untuk diedit.
Chromium 11.0.659.0 | Ubuntu 10.10
@indam, setuju. Saya rasa itu solusi terbaik. Kita bikin 2 file CSS. Satu tercompress. Satu lagi tersusun rapi (pada notepad atau wordpad) untuk mengedit sewaktu-waktu.
Firefox 3.6.13 | Mac OS X 10.5
Aduh, banyak istilah2 yang belum saya mengerti…. :D
Firefox 3.6.3 | Windows XP
Saya malah menyangka kalau blog kafegue menggunakan server dari luar negeri, karena sebelumnya jika koneksi lagi bermasalah situs yang menggunakan server asing tidak bisa diakses termasuk blog ini…he..he..he…
Tapi memang blog ini kenceng banget kok kalau dibuka melalui kompi saya.
Chromium 11.0.659.0 | Ubuntu 10.10
@Rudy Azhar, wah. Pernah juga ya ternyata blog ini gak bisa dibuka Bang Rudy. Tapi jarang banget kan? hehe. Bang Rudy kan pakai Speedy. Pengalaman saya, kalo pakai Speedy, blog ini memang super kencang larinya. Wuuz..wuuz..wuuzzzz
Saya aja yang cuma pakai koneksi modem 3G sudah merasa cukup ringan saat membuka blog ini. Apalagi kalo pakai Speedy. Wooow.
Firefox 3.6.8 | Windows XP
saya hanya mengaminkan dalam hati apa yang saya mengerti mas… terutama untuk bagian yang psikologis satu kolum. tuh kayaknya iya banget tuh ya mas Is ! serasa udah kebuka semua…padahal yang bawah lagi nyusullll
btw, kalo saya mau make jasa mas Is dalam ngompress apa dah tuh yang diatas yang css lah yang valid xtml lah.. itu berapa dolar mas saya harus bayar ke mas Is ?
Chromium 11.0.659.0 | Ubuntu 10.10
@khalid abdullah, hahaha. Bener banget kan efek psikologisnya :lol: Soal compress CSS, itu kan gampang banget melakukannya. Yang agak sulit mungkin melakukan validasi HTML, terutama kalau ada plugin yang dianggap tidak valid kodenya oleh validator W3C. Tapi saya pernah juga berhasil memvalidasi beberapa plugin yang pernah saya gunakan di blog ini (saya lupa plugin apa). Cuma sedikit mengubah kodenya saja. Tapi tetap harus membuka file/direktori di mana plugin itu berada (di cPanel).
Oya, kalau sekedar melakukan validasi isi postingan sih gampang banget mas. Nanti Insya Allah saya posting caranya. Yang jelas tinggal copy-paste aja dari hasil rekomendasi validator W3C (setelah kita melakukan pengecekan).
Kalo cara teknis lainnya yang saya sebutkan pada beberapa poin di atas, kayaknya bagi seorang khalidabdullah bukan hal yang sulit kok. Yang poin ke-4 tinggal baca saja postingan yang saya rekomendasikan. Mudah kok melakukannya.
Google Chrome 8.0.552.237 | Windows 7
Mungkin beberapa hal di atas bisa saya coba mas is.
Makasih share nya.
Opera Mini 4.2.13337.Mod.by.Handler | J2ME/MIDP Device
makasih udah berbagi pengalaman.saya coba pilah-pilah widget blog saya dulu yang mau dibuang.salam kenal.
Firefox 3.6.13 | Arch Linux
Setelah baca semua komentar—ya, saya baca semuanya, ternyata borang isian komentar ada di atas. :)
Apakah faktor kecepatan ini benar-benar berkorelasi dengan Google PageSpeed & YSlow?
Chromium 11.0.659.0 | Ubuntu 10.10
@dani, haha. Merasa terkecoh ya Bli? Sory deh. Harusnya ada tautan pintas menuju kotak komentar yach (di bawah komentar terbawah). Urutan komentar kan saya balik (yang terbaru di atas). Jadi kotak komentarnya logisnya juga ada di posisi paling atas.
Soal korelasi dengan YSlow, score-nya cukup tinggi kok (85). Tapi itu untuk halaman depan saja. Nggak tau kalo halaman single, soalnya kan itu tergantung panjang-pendek isi posting dan banyak sedikit-nya ‘http-request’ di dalam halaman single tersebut.
Nah, kalau korelasi dengan google pagespeed, saya lupa mengeceknya :P
Firefox 3.6.13 | Windows 7
@iskandaria, Sudah saya cek pagespeednya mas. Hasilnya, halaman ini menghasilkan score 89. Wow, tinggi tuh….
.
.
.
Tapi dalam kondisi avatar dinonaktifkan :D
Gpp, yang penting kan cepet menurut pembaca, bodo amat menurut mesin deh :D
Chromium 11.0.659.0 | Ubuntu 10.10
@rismaka EA, waduh, sekali lagi nih kena saya. Kalimat di awal sungguh bikin saya melambung. Tapi pas baca kalimat di bawahnya..:(
Yups. Saya rasa penilaian yang lebih manusiawi yaitu dari sisi pengunjung blog ini. Kalau sudah lebih banyak yang bilang loadingnya enteng, ya berarti secara teknis memang ringan.
*membela diri*
Google Chrome 8.0.552.237 | Windows 7
Memang benar bro, bahkan untuk blog-blog tetangga yang sering saya kunjungi, blog ini merupakan blog yang paling cepat larinya…
Kalau blog saya sih masih agak lemot bro, soalnya banyak plugin yang terpasang, css tidak dikompress (soalnya saya sering utak-atik css sebagai pembelajaran) dan berbagai faktor lainnya. But menurut saya masih bisa ditolerir (pembelaan MODE ON)
Chromium 11.0.659.0 | Ubuntu 10.10
@bro eser, sebenarnya jika loading agak lama saya terbiasa menunggu dengan menyimak halaman blog/situs lainnya dulu yang sudah saya buka duluan. APalagi jika situs/blog yang agak lama loadingnya tersebut saya butuhkan informasinya. Pasti akan saya tunggu (kecuali kalau sampai 3 menit nggak juga nongol di browser)..hehe
Kalo blog eserzone masih bisa ditolerir lah.
Firefox 3.6.13 | Windows 7
Benar mas is, blog ini sangat cepat diakses, terlebih bila diakses dari laptop saya, karena saya disable semuanya, javascript, avatar, dll hehehee….
Chromium 11.0.659.0 | Ubuntu 10.10
@rismaka EA, waduh, kata-kata di awal kalimat sempat bikin saya melambung. Namun ternyata menjelang akhir kalimat..hahaha
Kalo gitu ya nggak heran deh bisa kencang loadingnya. Sebenarnya dengan hanya menonaktifkan gambar saja pun sudah bisa bikin akses blog ini super ngebut mas:-D
Firefox 3.6.10 | Ubuntu 10.10
Tidak menggunakan wp-cache bro?
Google Chrome 10.0.648.11 | GNU/Linux
@ganda, saya trauma paka plugin yang ada cache-cachenya :(
Firefox 3.6.10 | Ubuntu 10.10
@iskandaria, frozen page?
Chromium 11.0.659.0 | Ubuntu 10.10
@ganda, nanti dicoba deh bro. Baru dengar sih.
Google Chrome 4.0.249.78 | Windows XP
@ganda, Hehe… tanpa cache server bisa keok pada traffic yang tinggi…
Sedang berpikir, mungkin inilah saat yang tepat untuk kembali ke static HTML… :D
Firefox 3.6.10 | Ubuntu 10.10
@ardianzzz, Saya merasa setuju bro. :D
Google Chrome 10.0.605.0 | Windows 7
@ganda, Jika sudah menggunakan trik dari askapache, apa masih perlu wp-super cache? rasanya kita pernah bahas ini berdua dalam kondisi terbatas.
Firefox 3.6.10 | Ubuntu 10.10
@Bung Hiatus, Kan di sini Bro Iskandar gak pakai cache..
Firefox 3.6.13 | Windows XP
mas rasa-rasanya lengkap sekali pembahasannya.
saya ga pernah bosan neh baca postingan sobat di blog ini. menambah pengetahuan saya yg masih newbie ini. mudah2an bisa diterapkan ya sob.. :)
Firefox 3.6.13 | Windows 7
Emang secepat kilat nih,
sip,
tanpa image yang nggak perlu juga khan?
:)
Chromium 11.0.658.0 | Ubuntu 10.10
@Sriyono Semarang, betul mas. Tapi saya sengaja pakai image untuk latar utama blog ini dan juga latar header. Sekedar untuk mengurangi kesan hambar pada tampilan blog ini saja.
Opera 11.01 | Windows Vista
Mas Is,
Saya jadi pengguna saja yang mengalah, dengan Opera Turbo, semua web serasa ringan dibuka :D.
Jadi kecepatan buka blog ini dengan blog yang full flash rasanya tidak berbeda.
Chromium 11.0.658.0 | Ubuntu 10.10
@Cahya, tepuk tangan buat Opera..hi..hi.. Sebenarnya bukaan blog ini bisa lebih kencang lagi dalam mode ‘disable-image’ :lol:
Firefox 3.6.13 | openSUSE
@iskandaria, he he…, kalau dua-duanya kan bisa Mas :D.
Tapi Opera Turbo tidak bisa rasanya pakai cached images, karena langsung disable :).
Google Chrome 8.0.552.237 | Windows XP
@Cahya, Wkwkw… sekalian “mengalah” dengan membeli layanan Inet kecepatan super tinggi… :D
Firefox 3.6.13 | openSUSE
@ardianzzz, maksudnya beli saham ISP ya :D.
Firefox 3.6.13 | Windows XP
Ternyata cukup banyak juga rahasianya neh! Banyak pula yang berkenaan dengan masalah teknisnya :D
Chromium 11.0.658.0 | Ubuntu 10.10
@Erdien, mau nggak mau harus bersentuhan dengan kode juga Pak akhirnya. Buat yang masih agak awam soal CSS, HTML, dan sebangsanya – pakai cara lain aja yang terbilang sudah umum.
Firefox 3.6.13 | Windows XP
Kalau tidak salah, ada sebuah plugin yang berfungsi untuk mengumpulkan semua file javascript baik dari template atau pun dari plugin2 yg menggunakan javascript kemudian secara otomatis disimpan pada bagian footer. Tapi saya lupa namanya :mrgreen:, cukup membantu sekali untuk blog yang banyak menggunakan javascript.
Chromium 11.0.658.0 | Ubuntu 10.10
@satrya, wah. Saya baru tau ada plugin yang fungsinya seperti itu Sat. Bagus juga kayaknya sebagai solusi. Kalau udah nemu, sharing di blog yach.
Firefox 3.6.13 | Windows XP
@iskandaria, @Rudy Azhar, Kalau tkut error menggunakan plugin itu, coba saja fasilitas minify-nya W3 total cache bisa CSS bisa juga JS. Lumayanlah ngurangin beban loading akibat JS :mrgreen:
PS: JS mean javascript bukan Joko Susilo :lol:
Firefox 4.0b10 | Windows XP
@satrya, Namanya Javascript to Footer tapi kekurangannya semua file js akan ditempat di footer sehingga file js yang sebenarnya harus di tempatkan di header ikut di tempatkan ke footer juga. Ini bisa menyebabkan file js tersebut tidak bisa bekerja. :D
Chromium 11.0.659.0 | Ubuntu 10.10
@Rudy Azhar, nah, itu dia masalahnya. Soalnya tidak semua file JS cocok ditaruh di footer. Yang paling cocok menurut saya cuma script google-analytics atau pencatat trafik lainnya. Intinya, script JS tersebut tidak akan mempengaruhi tampilan elemen website jika ditaruh di footer.
Google Chrome 8.0.552.237 | Windows XP
@satrya, Sebenarnya kalau untuk javaScript Library, yang kita lakukan tinggal menggunakan dari CDN besar seperti Google atau Microsoft.
Chromium 11.0.661.0 | Ubuntu 10.10
@ardianzzz, gimana kalau mas Ardianzzz posting triknya. Siapa tau ada yang merasa membutuhkan atau belum tau triknya.
Firefox 3.6.13 | Windows 7
Saya setuju dan ikhlas mengatakan kalo Kafegue.com memang enteng loading.. Tutorial ini saya yakin pasti manjur kalo diaplikasi,Cuma masalahnya, kalo mau ngikutin Tips nya apalagi lewat CSS dan Xhtml kayaknya beresiko deh buat pemula seperti gue ini.. :D Kemungkinan yang bisa saya tiru mengurangi plugin/widgets saja.
Chromium 11.0.658.0 | Ubuntu 10.10
@tonykoes, ini sebenarnya bukan tutorial mas. Wong saya cuma sharing apa yang udah saya lakukan kok :lol: Untuk yang masih agak awam soal CSS dan HTML, memang sebaiknya jangan memaksakan diri melakukan tips yang berkaitan dengan itu. Kecuali kalau punya mental nggak takut error alias yang penting hantam sruduk dulu (tapi resiko ditanggung sendiri yach).
Untuk yang berkaitan dengan teknis, sebenarnya yang paling penting kita membackup dulu file yang mau diedit (sebelum ngeditnya). Jadi kalau ternyata hasil editan bikin error, kita masih punya salinan file asli sebelum diedit. Gitu sih resep manjur dari saya kalau mau coba-coba edit kode.
Oya, file yang berupa kode sebaiknya dibackup pada notepad.
Opera 10.62 | Windows XP
Wah kalau tutorial seperti ini yang didasarkan pada pengalaman sangat recommended untuk dicoba…. Saya sendiri mungkin terlalu banyak menggunakan plugin maupun js, ditambah theme yg warnanya kurang ramah di monitor jadi beraat banget…
Mau coba yang kompress css kayaknya itu juga bisa memberi solusi..
Makasih mas Is sharenya..
Opera 10.62 | Windows XP
@dHaNy, OH ya mau tanya mas… untuk optimasi gambar saya pernah membaca load blog bisa lebih kenceng jika kita menggunakan teknik CDN… Seperti blog nya mas Alwi makin kesini makin kenceng saja… Bisa memberi pencerahan tentang hal ini mas? Tutorial yang berbahasa lokal saya belum menemui…
Chromium 11.0.658.0 | Ubuntu 10.10
@dHaNy, saya malah baru denger tuh mas tentang teknik CDN. Jadi saya nggak tau juga ya. Maaf kalau begitu. Tapi nanti saya coba cari tahu lewat google dan semoga saya bisa menuliskannya. Tentunya harus saya praktekkan dulu nantinya.
Firefox 3.6.13 | Windows 7
@iskandaria, Owh iya, menggunakan CDN (content delivery network), sejenis sistem cloud files. Jadi berkas-berkas statis dihosting di server di beberpa wilayah, sehingga bila ada orang mengakses suatu web, maka server terdekat (dg org tsb) lah yang akan melayaninya.
Sepertinya kurang begitu bermanfaat bila blog ini memakai CDN, karena memang blog ini ditujukan untuk orang Indonesia. Beda halnya bila server blog ini di luar negeri, menggunakan CDN jauh lebih terasa bedanya. Owh ya, ngomong2 Saya sudah pakai CDN. Saya merasa blog saya jauh lebih kencang daripada sebelumnya, entahlah bagi orang lain.
Chromium 11.0.659.0 | Ubuntu 10.10
@rismaka EA, makasih informasinya mas. Saya merasa loading blog rismaka.net juga lebih kencang dari biasanya. Syukurlah. Ternyata efek CDN-nya cukup terasa.
Google Chrome 10.0.605.0 | Windows XP
@dHaNy, Kayak ane suka sama komeng ini.
Firefox 3.6.13 | Windows XP
Saya mengecek loading standard blog ini memakai pingdom.http://tools.pingdom.com/
Sama halnya seperti saya cek blog saya yang blogspot, berarti kesimpulannya cek loading online seperti pingdom memang akurat.
Karena blog saya berat di bandingkan blog ini.
Chromium 11.0.658.0 | Ubuntu 10.10
@Hendro, blogspot rata-rata relatif lebih berat loadingnya kalau saya amati (jika sama-sama dalam kondisi minimalis dan minim script). Mungkin karena coding blogspot tergolong ‘hard coding’. Toh, template blogspot rata-rata tidak valid HTML. Mungkin itu ada juga pengaruhnya.
Firefox 3.6.13 | Windows XP
@iskandaria,
Kalu di drupal ada kompresinya dan throttle, serta pengaturan cache.
Yang penting paham aja CCK, kalu wordpress ga perlu membenturkan kepala soalnya pluginnya dah banyak..
Tapi server juga berpengaruh.
Firefox 4.0b10 | Windows XP
@Hendro, Saya coba cek blog ini pakai Pingdom, kok total loading timenya ketemu 21.2 seconds. Yang kedua kali jadi 8 seconds. Ketiga kalinya tetap 8 seconds.
Dan blog saya, saya coba test berturut-turut: 5.3 seconds, 4.9 seconds, ketiga kali tetap 4.9 seconds.
Apa ada yang salah, nih? Setahu saya blog saya seharusnya malah lebih berat loadnya karena kebanyakan script.
Google Chrome 11.0.658.0 | Windows XP
@Joko Sutarto, menarik sekali Pak mencermati hasil pengecekan pada pingdom tools. Aneh juga kalau angka ‘loading-time’ blog ini malah lebih besar daripada blog diptara. Namun kalau melihat total jumlah dan ukuran berkas-berkas (termasuk script), blog diptara jauh lebih besar angkanya :) Artinya, ukuran file script blog diptara memang jauh lebih besar daripada total ukuran script blog ini. Logikanya, waktu muat (‘loading-time’) akan lebih cepat pada situs/blog yang lebih kecil ukuran berkas script-nya.
Soal hasil catatan waktu loading yang kurang sinkron, siapa tau ada yang salah dari sistem perhitungan pingdom. Saya tidak pernah yakin atau percaya begitu saja dengan tools-tools pengukur performa semacam itu.
Namun ada tools yang lebih objektif menurut saya, yaitu YSlow. Pernah dibahas di blog tomipurba.net
Google Chrome 11.0.658.0 | Windows XP
Hampir semua blog yang ngehost di Masterweb Lajang2 semua pas diakses apalagi kalau di optimalkan dengan point2 yang diatas kayak blog ini.
Chromium 11.0.658.0 | Ubuntu 10.10
@MARIO FADEL, lajang-lajang itu maksudnya apa ya del? hehehe.
Google Chrome 10.0.605.0 | Windows XP
@iskandaria,
Pertanyaan yang Super
Lajang itu laju, cepat itu biasa dipake kalau di kalimantan.
Chromium 11.0.659.0 | Ubuntu 10.10
@MARIO FADEL, ooh. Kirain artinya single..hohoho. Kalau bagat = banget. Kalau sagat = sangat. Dan kalau kagat = kagak. Bener kan? Itu yang saya ingat dari komentar khas Fadel.
Google Chrome 10.0.605.0 | Windows XP
@iskandaria, OOT iya kalau itu bahasa Bakar yang dikembangkan oleh SAWI
Opera Mini 5.1.21051 | J2ME/MIDP Device
Wah, benar sekali. Saya yang baru pertama ke sini sudah senang dg loadung yg ringan (ane pake hape) :D
Firefox 3.6.13 | Windows XP
Soal widget keknya yang bisa saya praktekkan. Lantaran keknya saya kebanyakan pasang link dari direktory blog.
Chromium 11.0.658.0 | Ubuntu 10.10
@alamendah, blog alamendah kan sebenarnya tidak bisa dimonetisasi, soalnya pakai wp.com. Jadi menurut saya tidak ada gunanya bertukar link dengan situs direktori blog (misalnya untuk menaikkan pagerank). Blog ini sendiri saja tidak pernah saya daftarkan pada direktori blog, tapi pageranknya bisa 3.
Atau mungkin tujuan mas alam masang link situs direktori bukan karena ingin menaikkan pagerank kali yach.
Firefox 3.6.13 | Windows 7
aku setuju untuk poin ke 5,, dulu aku juga pernah pake server iix, tapi gak bertahan lama, cuma sampe beberapa bulan doang,, masalah menggunakan server iix adalah lama di index google ato sejenisnya,, soalnya server yang dipake tu server yang berada di indonesia, sedangkan server google ato yg lain, berada di luar indonesia..
menurut pengalaman, server us tergolong cepat juga sewaktu diakses, walau tidak secepat iix,, tapi server us memberi keluasan lebih :)
Chromium 11.0.658.0 | Ubuntu 10.10
@dery, soal lama diindex google jika menggunakan server IIX, kayaknya nggak juga deh. Saya sudah cukup sering mengecek postingan yang baru saya publish beberapa menit di blog ini (pada google). Hasilnya, ternyata bisa langsung terindeks kok.
Server US lebih cocok buat situs/blog yang target utama pengunjungnya dari luar negeri :)
Firefox 3.6.13 | Windows XP
@iskandaria, Sumpah cepet bangettttt
Jadi pengen pindah ke masterweb
sayang promo pindah hosting nya udah abis :(
Google Chrome 11.0.658.0 | Windows XP
@Octa Rendra, gak papa kali ya walau udah gak promo. Kecuali kalo emang belum punya cukup ongkos buat pindahan.
WordPress 3.0.4
[...] ada lagi keluhan mengenai beratnya loading blog/situs. Semua situs bisa diakses dengan mudah dan cepat. Bahkan dalam hitungan tidak lebih dari 5 detik. Termasuk dari ‘handphone’ [...]