Tips Meningkatkan Performa WordPress

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.

Keluarga WordPress Ponjong

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 dan masih banyak lagi) Disini saya akan lebih tekankan kepada themes kita, gimana agar bisa wuz wuz  (hassle) dan tidak terlalu blepotan.

  • 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)

    <?php wp_enqueue_script('jquery'); ?>
    <?php wp_head(); ?>
    

    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

    <img src="gambar-gede.jpg" width="500" alt="Gambar Gede Banget" />

    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 thoughts on “Tips Meningkatkan Performa WordPress

  1. 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 =-.

    1. 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? ;)

  2. 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 =-.

  3. 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 =-.

  4. 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

  5. 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" =-.

  6. 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 =-.

    1. 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

  7. “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 :)

    1. 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 ;)

Leave a Reply

Your email address will not be published. Required fields are marked *

Name *