19 March 2010 — 05:03

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)

Popularity: 1%

Share
  • Digg
  • Sphinn
  • del.icio.us
  • Mixx
  • Google Bookmarks
  • email
  • PDF
  • Print




27 Comments

  1. ikhsan (12 comments)

    nice posting mas

  2. zam.web.id (38 comments)

    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 My ComLuv Profile

    • Jauhari (671 comments)

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

  3. jasa hosting murah (1 comments)

    mantabss tips nya ;)

  4. zulkarnain (1 comments)

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

    • Jauhari (671 comments)

      ada info tambahannya mas, maaf kalau tips terakhir bikin RANCU ;)

  5. geblek (95 comments)

    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 My ComLuv Profile

  6. Anton Hilman (17 comments)

    wah makasih tipsnya mas. sangat berguna walau bagi yang bukan wpers heheheh
    Anton Hilman´s last blog ..Inspirasi Desain Logo Typographic yang Kreatif My ComLuv Profile

  7. deteksi (7 comments)

    weh jan mantabbb lah mas…
    deteksi´s last blog ..Nikon D300 My ComLuv Profile

  8. ayaheauzi (37 comments)

    sip sip, nyoba ah… BTW, Kapan mau ngajari langsung ke Wiro, Bro?
    ayaheauzi´s last blog ..Hari ini, tujuh tahun yang lalu My ComLuv Profile

  9. Indra (7 comments)

    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 My ComLuv Profile

    • Jauhari (671 comments)

      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

  10. Anton Hilman (17 comments)

    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" My ComLuv Profile

    • Indra (7 comments)

      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 My ComLuv Profile

  11. mada (5 comments)

    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

  12. fisto (98 comments)

    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 My ComLuv Profile

  13. oelil (15 comments)

    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 My ComLuv Profile

  14. imadewira (9 comments)

    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 My ComLuv Profile

  15. annosmile (28 comments)

    tutorial penggunaan java script seperti juery udah pernah dibahas mas jauhari belum ya
    annosmile´s last blog ..Mendaki Tingkatan Candi Gedongsongo My ComLuv Profile

  16. T. Wahyudi (1 comments)
  17. Ari Widianto's Blog (1 comments)

    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 My ComLuv Profile

  18. ireng_ajah (1 comments)

    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 My ComLuv Profile

  19. BaliKuBiru (1 comments)

    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 My ComLuv Profile

  20. Anang (24 comments)

    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 My ComLuv Profile

  21. yos (1 comments)

    mencoba diterapin satu2,,,
    semoga berhasil..
    hehehe…
    thx mas..

  22. Spirit Of Java (8 comments)

    Kalo di Indonesia WP adalah Jauhari.. (dance) Spirit Of Java´s last blog ..Bukan Bintang Biasa, yaitu kota Solo My ComLuv Profile

  23. Arif (28 comments)

    Point 1-6 nggak ngerti masih diawang-awang … 7-8 lumayan tahu (woot) Arif´s last blog ..in-tips RUU Nikah Siri My ComLuv Profile



Useful Search Terms:



Add Your Comment

CommentLuv Enabled

Tautan komentar adalah nofollow free.

:-)) :-) :-D :-P (woot) ;-) :-o X-( :-( :-&amp; (angry) (annoyed) (bye) B-) (cozy) (sick) (: (goodluck) (griltongue) (mmm) (hungry) (music) (tears) (tongue) (unsure) (dance) (doh) (brokenheart) (drinking) (girlkiss) (rofl) (money) (rock) (nottalking) (party) (sleeping) (thinking) (bringit) (worship) (applause) 8-) (gym) (heart) (devil) (lmao) (banana_cool) (banana_rock) (evil_grin) (headspin) (heart_beat) (ninja) (haha) (evilsmirk) (bigeyes) (funkydance) (idiot) (lonely) (scenic) (hassle) (panic) (okok) (yahoo) (K) (highfive) (LOL) (blush) (taser)




Recent Comments

  • Andrie-SekolahVirtual's Gravatar
    Andrie-SekolahVirtual
    Aseli itu pasti seru banget… rumah bisa...
  • Anton Hilman's Gravatar
    Anton Hilman
    itu dibawah iklannya serem heheheh .-= Anton Hilman...
  • Anton Hilman's Gravatar
    Anton Hilman
    alhamdulillah, semoga Allah SWT juga melimpahkan karunia...
  • Akbar Alatas's Gravatar
    Akbar Alatas
    Indahnya bersama keluarga . . .-= Akbar Alatas...
  • aLe's Gravatar
    aLe
    Keluarga super.. .-= aLe´s last blog ..Type Apakah Hidup...

Facebook Page

Flickr Stream


  • Button on Me