WordPress adalah saya dan saya adalah WordPress.. begitu kira kira ucapan Matt dan team :D Saya menggunakan WordPress pertama kali dalam rangka uji coba dan sampe sekarang masih menikmatinya… Kemaren lalu saya sudah Review The Smashing Book, dan banyak topik menarik disana. Salah satu topik yang menarik adalah optimasi web kita agar bisa wus wus ketika di akses.
Walaupun di buku itu banyak sekali optimasi yang dilakan dengan cara kita Bongkar langsung di Server (seperti installasi aselelator php, setting expires header, tunning MySQL, kompresi di apache atau nginx dan masih banyak lagi) Disini saya akan lebih tekankan kepada themes kita, gimana agar bisa wuz wuz (hassle) dan tidak terlalu blepotan.
Beberapa hal yang perlu diperhatikan ketika Optimasi dan juga Meningkatkan Performa WordPress Blog atau Website kita adalah sebagai berikut.
- Remove Whitespace/blankspace
Space ini biasanya muncul ketika kita lupa kasih spasi tambahan di code code kita. dengan menghapus nya akan membuat ukuran file lebih kecil - Gunakan Javascript Bawaan WordPress
Seperti kita tahu, WordPress sudah ter bundle dengan sangat banyak JavaScript, seperti jQuery, Mootools, Prototype dan berbagai macam plugin lain. Jadi anda tidak perlu memanggil atau menambahkan di theme kita, cukup di panggil aja JavaSript library yang dibutuhkan dan anda siap bermain-main dengannya.Cara Memanggil Bundle Library WordPress?
Buka header.php file anda (pada contoh ini saya akan menggunakan jQuery) [sourcecode language=”php”] <?php wp_enqueue_script(‘jquery’); ?>
<?php wp_head(); ?>
[/sourcecode]Dan anda siap bermain main dengan jQuery, harap di ingat pastikan kode tersebut di letakkan diatas wp_head()
- Using External Javascript dan CSS
Kode kode itu jangan ditaruh dalam satu file karena akan membengkakkan ukuran file itu, jadi cukup di linkkan saja. - Jangan Pecah terlalu banyak
Maksud saya disini, seringkali kita tanpa sadari memisahkan file file css kita dengan tujuan baik, sebuah penataan yang mudah sehingga memudahkan kita untuk edit pada bagian yang di inginkan. Cara ini tidak salah, akan tetapi kalau sudah versi final, produksi, lebih baik lagi kalau kita gabungkan aja file ini menjadi satu, Kenapa? ini untuk mengurangi HTTP Request yang terlalu banyak sehingga akan memperlambat website kita. - Spriteskan Image
Jika anda suka bermain main dengan icon, alangkah bijak kalau semua ikon dijadikan satu kemudian kita tinggal mainkan di CSS, efek ini tujuannya sama, yaitu menurukan HTTP Request ke server kita. - Perkecil Ukuran Gambar kita.
Sering kali, demi sebuah narsisme, kita pajang gambar super gede, sehingga waktu loading aja bisa kita tinggal untuk cuci baju :D Sangat tidak bijak. Jadi perkecil gambar seperlunya saja. Saya rasa ukuran lebar 800 px sudah cukup gede kalau kita tampilkan di website - Gunakan Ukuran Gambar yang Tepat
Maksudnya apa ini? Contohnya seperti ini, anda punya gambar dengan ukuran sebenarnya 2000 px x 1000 px, kemudian agar bisa tampil mantap di web kita, kita mainkan dengan cara [sourcecode language=”php”]<img src="gambar-gede.jpg" width="500" alt="Gambar Gede Banget" />[/sourcecode]Metode ini sangat tidak bijak dan cenderung pemborosan bandwidt, Jadi solusinya sebelum kita memajang gambar yang di inginkan (misalkan ukuran 500 x 300px) lebih baik gambar tersebut dirubah dimensinya terlebih dahulu menggunakan Image Editor baru di upload keserver. Sehingga gambar yang di tampilkan sesuai dengan resolusi sebenarnya… (makasih mas zulkarnain atas koreksinya, akhirnya saya tambahkan info tambahan biar tambah jelas)
Mungkin itu dulu tips dari saya, Tips Meningkatkan performa WordPress ini juga bisa dipake untuk website2 pada umumnya lo ;) dengan sedikit modifikasi tentunya (bye)
35 comments
sungguh menakjubkan….baru tau saya mas.hehe
makasih ya buat informasinya
WordPress memberikan banyak kemudahan dan kebebasan bagi blogger untuk memodifikasi dan menginstal plugin untuk plugin lainnya bisa anda temukan pada Cool WP Plugins semua pluginnya gratis
sampai lupa untuk meninggalkan jejak :) dari tadi baca2 artikelnya. Tipsnya keren2…
Tips yang sangat perlu di terapkan..apalagi jika ada banyak banner di webnya :-)
.-= dJumTKS Weblog´s last blog ..History of the Indonesian Labour Day =-.
Sepertinya performa itu berbanding terbalik ya pak dengan penghematan bandwidth. Contohnya utk meningkatkan kecepatan, file javascript dipanggil dari server kita sendiri, dan hal tsb akan memakan pemakaian bandwidth web kita lebih banyak. Sementara klo ingin web kita hemat bandwidth (yg cocok utk blogger yg miskin sperti saya :D ) file javascript diupload di luar server (misalnya menggunakan jquery library), dan juga mengupload gambar di layanan seperti imageshack ataupun flickr. Hemat bandwidth siy, tapi menambah http request dan juga DNS lookup yg tentunya bikin loading web lebih lama.
Nice tips pak. SIngkat tapi mudah dimengerti :)
.-= rismaka´s last blog ..SpeedyFox – Speed Up Mozilla Firefox With SpeedyFox =-.
Tujuan saya untuk bagian javascript tadi seperti ini mas. Banyak developer theme dan plugin yang tidak mau menggunakan library yang sudah disediakan sama wordpress. seringnya include atau menambah sendiri dan disertakan didalam folder theme/pluginnya jadi ini kesannya jadi nambah nambah file aja :D
Terus tips sampean tadi bener mas.. mending menggunakan library yang di upload di luar server, seperti di library google atau lainnya. masalahnya disaya sewaktu developent. Dimana fakir benwit kalau saya larikan ke server luar apa tidak menambah kelambatan proses kerja saya? ;)
Point 1-6 nggak ngerti masih diawang-awang … 7-8 lumayan tahu (woot)
.-= Arif´s last blog ..in-tips RUU Nikah Siri =-.
Kalo di Indonesia WP adalah Jauhari.. (dance)
.-= Spirit Of Java´s last blog ..Bukan Bintang Biasa, yaitu kota Solo =-.
mencoba diterapin satu2,,,
semoga berhasil..
hehehe…
thx mas..
trims atas infonya mas, nih mo ku terapkan di blogku juga yang pake’ templatenya mas. Salam kenal
.-= Anang ´s last blog ..Cara Menambahkan Sidebar Pada Blog WordPress =-.
Top infonya, but ada satu poin yg sedikit ngeganjel nih, masalah menggabungkan css, kayaknya terlalu riskan ya, dipisah aja buat editing masih mumet apalagi di gabung… hmmm kayaknya yg ini optional ya, mkn yg terasa ngaruh bgt masalh image, senuju bgt eh setuju bgt nih, jgn terlalu “narsis” untuk menempatkan image di blog kita he he… tengkyu bgt tips nya segera laksanakan.. (scenic)
.-= BaliKuBiru´s last blog ..Tentang Cinta Pria Sejati Menaklukan Hati Wanita =-.
Kalo untuk Blogger sendiri gimana mas?? Jika saya analisis dengan Tslow ato yang dari Google, banyak hal yang ditemukan yang membuat Blog jadi lambat tetapi hal2 tersebut tidak saya mengerti bagaimana untuk menghilangkan atau hanya untuk memperkecil saja. Misalnya seperti
http://www.blogger.com/static/v1/widgets/…/css.
Itu termasuk berat dan disarankan untuk “diperbaiki” tetapi bagaimana caranya?? lha wong kode tersebut baru keliatan kalo kita lihat lewat view page source.
.-= ireng_ajah´s last blog ..Ngekost Di Penjara =-.
Wah postingannya keren. Saya memang penggemar wordpress tapi gak begitu banyak mengerti bagaimana supaya loadnya cepet. trims mas
.-= Ari Widianto’s Blog´s last blog ..Hari Yang Baru =-.
langsung praktek deh mas…
.-= T. Wahyudi´s last blog ..Update Blog ibarat Seorang Ibu yang Ingin Memasak Sayur Untuk Keluarganya Setiap Hari =-.
tutorial penggunaan java script seperti juery udah pernah dibahas mas jauhari belum ya
.-= annosmile´s last blog ..Mendaki Tingkatan Candi Gedongsongo =-.
yang saya paham hanya dua tips terakhir, hehe..
kalau boleh request, buat dong tips memilih theme yang baik untuk blog wordpress
.-= imadewira´s last blog ..Komentar Spam Bahasa Indonesia =-.
sampai saat ini saya baru mengkompress css nya aja mas…makasih infonya..mantafff
Lha gambarnya tuh kok gitu mas…tp bagus kok.. keluarga bahagia ya
.-= oelil´s last blog ..Hati-Hati Uang Palsu =-.
tips yang mantap, walaupun saya gak mudheng…heheh…
weleh, anake sampeyan kok rendel ya ternyata… :)
.-= fisto´s last blog ..view from the top of the tallest =-.
wah2 ada tiket gratis ndak lee lumayan dapet maemnya hehehe
tips kurang mengigit lee mosok mencari duit kok metune optimasi bw
nek sip piye ningkatke PR and dll
ancane mantep kancaku sitok iki hihihi
le nyuwun pendongane yaa mugo lancar amin
Dalam rangka memperingati ulang tahun yang ke-6 yang jatuh pada tanggal 14 Januari 2010 sekaligus sebagai puncak acara penyerahan hadiah undian berhadiah, IDwebhost berniat membuka lembaran tahun baru dengan mengadakan workshop yang bertajuk “Ngeblog Cari Duit. Why Not?”
Acara tersebut akan diadakan pada :
Hari/ Tanggal : Sabtu, 16 Januari 2010
Waktu : 08.00 – 15.00 WIB
Tempat : Jogja Expo Center (JEC), Yudhistira Convention Hall (Lt. 2), Jl. Raya Janti, Yogyakarta
Workshop tersebut bakal menghadirkan pembicara yang sudah tidak asing di mata blogger dan praktisi internet marketing di Yogyakarta, seperti :
1.Herman Saksono (hermansaksono.com)
– Membuat dan Merias Blog
– Tips Eksistensi Blog
2.Nurudin Jauhari (nurudin.jauhari.net)
– Mengoptimasi Blog dengan SEO
– Tips Menyandingkan Blog dengan Web Social Networking
3.Ahmad Isnaini (isnaini.com)
– Mengoptimalkan Blog sebagai Sumber Penghasilan
– Tips Internet Marketing
Kontribusi yang harus dibayar adalah sebagai berikut :
Member IDwebhost : Rp 20.000
Mahasiswa/Pelajar : Rp 25.000
Umum : Rp 35.000
Segera daftarkan diri Anda, tempat terbatas.
————–
jangan2 posting ini ada di makalahnya ntar hehehe :p (scenic)
.-= Anton Hilman´s last blog ..Foto Hot dan Foto Bugil Ayu Oktasari Beredar, Roy Suryo: "Sebagian Rekayasa" =-.
Wah, keren ini… Saya bisa belajar dari guru-guru wordpress sekalian, lumayan untuk nambah ilmu saya yang masih seumur jagung. Tapi daftarnya dimana ini?
.-= Indra´s last blog ..Sinopsis Queen Seondeok Episode 49 =-.
Tulisan yang sangat menarik pak, sesuai dengan bidang saya :-D, terkait dengan “Jangan Pecah terlalu banyak” dan “…ntuk mengurangi HTTP Request..” saya setuju sekali karena menurut http://www.slideshare.net/jallspaw/velocity2008-capacity-management1-484676 dan beberapa blog lainnya seperti itu, secara teknis yang saya ketahui HTTP Request mempunyai efek di kedua sisi baik itu pengunjung maupun server. Di sisi pengunjung ini akan menambah loading time untuk satu halaman tertentu, sedangkan disisi server HTTP Request yang terlalu banyak hanya akan meningkatkan load server kita yang secara langsung berakibat pada turunnya kapasitas server. Mungkin bagi teman-teman yang menempatkan blog mereka di share hosting tidak akan mengalami hal ini, namun ketika pindah ke VPS dengan resource pas-pasan maka hal tersebut bisa membuat anda cukup pusing, karena setiap HTTP Request ditangani oleh satu proses sehingga ketika sudah tidak ada proses yang bisa menangani HTTP Request lagi maka HTTP Request baru akan mengantri yang meningkatkan load time blog kita.
Sehingga saya setuju sekali dengan ide Pak Jauhari tentang “Jangan Pecah terlalu banyak” dan “…ntuk mengurangi HTTP Request..”. Semoga bermanfaat, saya tunggu komentar baliknya.
.-= Indra´s last blog ..Sinopsis Queen Seondeok Episode 49 =-.
bener HTTP Request adalah salah satu sebab saya terpaksa migrasi ke VPS dan belajar mengurangi hal ini tentunya dengan menggabungkan apa yang bisa digabungkan.. dan membuat server nyaman dihati
sip sip, nyoba ah… BTW, Kapan mau ngajari langsung ke Wiro, Bro?
.-= ayaheauzi´s last blog ..Hari ini, tujuh tahun yang lalu =-.
weh jan mantabbb lah mas…
.-= deteksi´s last blog ..Nikon D300 =-.
wah makasih tipsnya mas. sangat berguna walau bagi yang bukan wpers heheheh
.-= Anton Hilman´s last blog ..Inspirasi Desain Logo Typographic yang Kreatif =-.
nice tips kang
saya masih berangan bisa makai themes yg ringan tapi keren dan cucok untuk photoblog dan blog campuran spt blog saya :)
.-= geblek´s last blog ..Sahabat Dan Cinta =-.
“Gunakan Ukuran Gambar yang Tepat
Maksudnya apa ini? Contohnya seperti ini, anda punya gambar dengan ukuran sebenarnya 2000 px x 1000 px, kemudian agar bisa tampil mantap di web kita, kita mainkan dengan cara.”
kayaknya cara diatas itu seperti diharamkan deh bagi pengelola web. jadi mendingan gambarnya di kecilin dulu atau pake autothumb atau script sejenisnya :)
ada info tambahannya mas, maaf kalau tips terakhir bikin RANCU ;)
mantabss tips nya ;)
kalau yang terakhir itu biasanya khusus buat beginner :)
.-= zam.web.id´s last blog ..Ngobrol bareng Ronald Widha (Temanmacet), Richard Fang (Jurus Grafis), dan Moch. Zamroni =-.
Itu terakhir artikel belum komplet.. kalau di kompletin malah jadi butuh SEDIKIT ADVANCED mas :D atau dengan WordPress 2.9 masalah ini bisa di akali dengan Online Image editor ;)
nice posting mas